/*!
 
 @Name: 宝塔面板框架主题样式
 @Date: 2017.06.26
 @Author: Qiao 
 @WebSite: bt.cn
 
 */body{line-height:1.4;color:#333;font-family:"微软雅黑",Arial,Helvetica,sans-serif;font-size:12px}input,textarea,select{font-size:100%;font-family:inherit}body,h1,h2,h3,h4,h5,h6,p,ul,ol,form{margin:0}h4,h5,h6{font-size:1em}ul,ol{padding-left:0;list-style-type:none}fieldset,img{border:0}a{color:#333;border:0;text-decoration:none}a:hover{text-decoration:none}a:link{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none}:-moz-placeholder{color:#999}::-moz-placeholder{color:#999}input:-ms-input-placeholder{color:#999}input::-webkit-input-placeholder{color:#999}body,html{height:100%}.f12{font-size:12px}.f14{font-size:14px}.f15{font-size:15px}.f16{font-size:16px}.f18{font-size:18px}.f20{font-size:20px}.cw{color:white}.c0{color:#000}.c3{color:#333}.c4{color:#444}.c5{color:#555}.c6{color:#666}.c7{color:#777}.c8{color:#888}.c9{color:#999}.cbt{color:#20a53a}.bgw{background-color:white}.bge6{background-color:#e6e9ee}.plr10{padding:0 10px}.plr15{padding:0 15px}.plr20{padding:0 20px}.ptb10{padding:10px 0}.ptb15{padding:15px 0}.ptb20{padding:20px 0}.pd0{padding:0}.pd15{padding:15px}.pd20{padding:20px}.pr8{padding-right:8px}.pl7{padding-left:7px}.pb15{padding-bottom:15px}.pb55{padding-bottom:55px}.pb70{padding-bottom:70px}.mt10{margin-top:10px}.mtb10{margin:10px 0}.mtb15{margin:15px 0}.mtb20{margin:20px 0}.mlr15{margin:0 15px}.mlr20{margin:0 20px}.mb15{margin-bottom:15px}.mr50{margin-right:50px}.ml5{margin-left:5px}.mr5{margin-right:5px}.mr20{margin-right:20px}.mg10{margin:10px}.va0{vertical-align:0}.ico-font-ask{border:1px solid #999;border-radius:8px;display:inline-block;font-family:arial;font-size:11px;font-style:normal;height:16px;line-height:16px;margin-left:5px;text-align:center;width:16px;cursor:help}.btlink{color:#20a53a}.btlink:hover{cursor:pointer}.btn-btlink{border-color:#20a53a;color:#20a53a;vertical-align:1px}.btn-btlink:hover{border-color:orange;color:orange}.b-shadown{transition:border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s}.b-shadown:hover{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.important-title{background-color:#fbfbfb;border:1px solid #eee;border-radius:3px;line-height:28px;margin-bottom:15px;padding:5px 10px}.bt-input-text{border:1px solid #ccc;height:30px;line-height:30px;padding-left:5px;border-radius:3px;-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.bt-input-text:focus,.bt-input-text:active{border:#66afe9 1px solid;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.bt-submit{background-color:#20a53a;border-radius:3px;width:140px;height:34px;line-height:34px;text-align:center;color:#fff;cursor:pointer}.cursor{cursor:pointer}.help-info-text{margin-top:15px}.help-info-text>li{list-style:inside disc;line-height:24px}.relative{position:relative}.ico-copy{background:url(../img/ico-copy.png) no-repeat;height:14px;width:12px;display:inline-block;vertical-align:-2px}.zclip embed{vertical-align:top}.webDelete .options{padding:20px 0}.webDelete .options label{width:30%;float:left;font-weight:normal}.webDelete .options label input{float:left;margin:0 10px 0 0;margin-top:1px}.webDelete .options label span{float:left;margin:0;line-height:16px}.webDelete .vcode{background-color:#f0f0f0;clear:both;font-size:14px;height:40px;line-height:40px;margin:10px 0;padding-left:12px;text-align:left;color:#444}.webDelete .vcode .text{margin-right:10px;margin-left:10px}.webDelete .vcode #vcodeResult{display:inline;height:26px;line-height:26px;margin-left:10px;width:50px;color:#444}.btswitch{display:none}.btswitch+.btswitch-btn{outline:0;display:block;width:3em;height:1.8em;position:relative;cursor:pointer}.btswitch+.btswitch-btn:after,.btswitch+.btswitch-btn:before{position:relative;display:block;content:"";width:50%;height:100%}.btswitch+.btswitch-btn:after{left:0}.btswitch+.btswitch-btn:before{display:none}.btswitch:checked+.btswitch-btn:after{left:50%}.btswitch-ios+.btswitch-btn{background:#cdcdcd;border-radius:.9em;padding:2px;-webkit-transition:all .4s ease;transition:all .4s ease;border:1px solid #e8eae9}.btswitch-ios+.btswitch-btn:after{border-radius:.9em;background:#fbfbfb;-webkit-transition:left .3s cubic-bezier(.175,.885,.32,1.275),padding .3s ease,margin .3s ease;transition:left .3s cubic-bezier(.175,.885,.32,1.275),padding .3s ease,margin .3s ease;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1),0 4px 0 rgba(0,0,0,.08);box-shadow:0 0 0 1px rgba(0,0,0,.1),0 4px 0 rgba(0,0,0,.08)}.btswitch-ios+.btswitch-btn:active{-webkit-box-shadow:inset 0 0 0 2em #e8eae9;box-shadow:inset 0 0 0 2em #e8eae9}.btswitch-ios+.btswitch-btn:active:after{padding-right:.8em}.btswitch-ios:checked+.btswitch-btn{background:#20a53a}.btswitch-ios:checked+.btswitch-btn:active{-webkit-box-shadow:none;box-shadow:none}.btswitch-ios:checked+.btswitch-btn:active:after{margin-left:-.8em}.bt-warp{position:relative;min-height:100%}.bt-warp>.container-fluid{padding:0}.main-content{margin-left:180px}.sidebar-scroll{background-color:#3c444d;width:180px;z-index:100;height:100%;position:fixed;overflow:hidden}.sidebar-auto{overflow:auto;height:100%;margin-right:-18px}.mypcip{display:block;padding:0 10px;position:relative;transition-duration:500ms;transition-property:background;transition-timing-function:ease;width:100%;cursor:pointer;margin:1px 0}.mypcip:hover{background:#20a53a;opacity:1}.mypcip span{background:url("") no-repeat 0 center;display:inline-block;line-height:46px;padding-left:30px}.btpc-plus{line-height:40px;color:#aaa;font-family:arial;font-size:26px;cursor:pointer;padding-left:80px;transition-duration:500ms;transition-property:background;transition-timing-function:ease}.btpc-plus:hover{background-color:#20a53a;color:#fff}.mypcip .btedit{background:url() no-repeat center center;width:16px;height:16px;display:none;position:absolute;left:156px;top:14px}.mypcip:hover .btedit{display:block}.task{position:absolute;right:6px;top:14px;height:20px;width:20px;line-height:20px;background-color:#fc6d26;z-index:99;text-align:center;border-radius:6px;cursor:pointer;font-family:arial;font-size:14px;font-weight:bold}.softnum{position:absolute;left:154px;top:12px;height:20px;width:20px;line-height:20px;background-color:#fc6d26;z-index:99;text-align:center;border-radius:6px;cursor:pointer;font-family:arial;font-size:14px;font-weight:bold;display:none;color:#fff}.cmdlist li{border-bottom:1px solid #dbdbea;line-height:48px}.cmdlist li .titlename{padding-left:12px;position:relative}.cmdlist li .titlename:before{background-color:#20a53a;border-radius:3px;content:"";height:5px;left:0;position:absolute;top:6px;width:5px}.cmdlist li .cmd{height:200px;background-color:#424251;overflow:auto;line-height:22px;color:#fff;padding-left:10px;font-family:arial}#remind td{vertical-align:middle}#remind .titlename{position:relative}#remind .titlename:before{background-color:#20a53a;border-radius:3px;content:"";height:5px;left:-10px;position:absolute;top:6px;width:5px}.btn-default[disabled],.btn-default:active[disabled]{background-color:#f7f7f7;color:#bbb;opacity:1}.table-page{height:32px}.table-page a{border:1px solid #ccc;float:left;height:30px;margin-left:-1px;outline:0 none;position:relative;width:34px;z-index:1;color:#666;vertical-align:middle;text-align:center;line-height:30px}.table-page a:hover{border:1px solid #20a53a;color:#20a53a;z-index:3}.table-page a.disable{background-color:#f3f3f3;cursor:not-allowed;color:#bbb}.table-page a.disable:hover{border:1px solid #ccc}.table-page-select{float:left;position:relative}.table-page .table-page-num{width:60px}.page-select-ul{background-color:#fff;border:1px solid #ccc;bottom:29px;left:-1px;line-height:22px;max-height:150px;min-width:100%;overflow:auto;position:absolute;top:auto;width:60px;display:none}.page-selected .page-select-ul{display:block}.page-select-ul li{padding:0 12px}.page-select-ul li:hover{background-color:#f0f0f0}.sidebar-auto .menu{background-color:#353d44}.menu li{margin-bottom:1px;position:relative}.menu li a{font-size:15px;color:#d6d7d9;display:block;line-height:44px;padding-left:52px;background-repeat:no-repeat;background-size:16px auto;background-position:25px 14px;border-left:#404040 2px solid}.menu li.current a,.menu li a:hover{background-color:#2c3138;color:#fff;border-left:#20a53a 2px solid}.menu .menu_home{background-image:url("")}.menu .current .menu_home,.menu .menu_home:hover{background-image:url("")}.menu .menu_web{background-image:url("")}.menu .current .menu_web,.menu .menu_web:hover{background-image:url("")}.menu .menu_ftp{background-image:url("")}.menu .current .menu_ftp,.menu .menu_ftp:hover{background-image:url("")}.menu .menu_data{background-image:url("")}.menu .current .menu_data,.menu .menu_data:hover{background-image:url("")}.menu .menu_set{background-image:url("")}.menu .current .menu_set,.menu .menu_set:hover{background-image:url("")}.menu .menu_folder{background-image:url("")}.menu .current .menu_folder,.menu .menu_folder:hover{background-image:url("")}.menu .menu_day{background-image:url("")}.menu .current .menu_day,.menu .menu_day:hover{background-image:url("")}.menu .menu_control{background-image:url("")}.menu .current .menu_control,.menu .menu_control:hover{background-image:url("")}.menu .menu_soft{background-image:url("")}.menu .current .menu_soft,.menu .menu_soft:hover{background-image:url("")}.menu .menu_firewall{background-image:url("")}.menu .current .menu_firewall,.menu .menu_firewall:hover{background-image:url("")}.menu .menu_exit{background-image:url("")}.menu .current .menu_exit,.menu .menu_exit:hover{background-image:url("")}html .menu .menu_home:hover{background-image:url("")}html .menu .menu_web:hover{background-image:url("")}html .menu .menu_ftp:hover{background-image:url("")}html .menu .menu_data:hover{background-image:url("")}html .menu .menu_control:hover{background-image:url("")}html .menu .menu_firewall:hover{background-image:url("")}html .menu .menu_day:hover{background-image:url("")}html .menu .menu_soft:hover{background-image:url("")}html .menu .menu_set:hover{background-image:url("")}html .menu .menu_folder:hover{background-image:url("")}html .menu .menu_exit:hover{background-image:url("")}.pos-box{height:42px;width:100%}.position{background-image:url("");background-position:10px 10px;background-repeat:no-repeat;background-size:22px auto;line-height:42px;padding-left:30px}.search{width:306px}.ser-text{border:#20a53a 1px solid;height:30px;width:262px;padding:0 8px;margin-top:6px}.ser-sub{width:38px;height:30px;border:0;background:url("") no-repeat center #20a53a;cursor:pointer;margin-right:2px;margin-top:6px}.title{height:50px;line-height:50px;border-bottom:1px solid #ddd}.title h3{display:inline-block;line-height:50px;margin-right:12px}.divtable .table{border:1px solid #ddd;color:#666;font-size:12px;margin-bottom:0}.divtable .table thead th{background-color:#f5f6fa;border-bottom:1px solid #e1e6eb;color:#999;font-weight:normal;padding:8px}.table .btlinkbed{color:#666;padding:1px 5px;border:1px solid transparent;white-space:nowrap;overflow:hidden;float:left;display:block}.table .btlinkbed:hover{border:#ddd 1px solid}.dataTables_paginate{display:block;height:30px;margin-bottom:10px;margin-top:15px}.page{line-height:16px;text-align:right;margin-top:5px;margin-right:1px;height:30px}.page div{float:right}.page span,.page a{display:inline-block;height:28px;padding:0 11px;border-right:#ddd solid 1px;border-top:#ddd solid 1px;border-bottom:#ddd solid 1px;border-left:#ddd solid 1px;line-height:28px;font-family:"Arial";font-size:13px;color:#20a53a;float:left;margin-left:-1px}.page a.prev{border-left:#ddd solid 1px}.page a:hover{background:#e8e8e8;color:#222;text-shadow:0 1px 0 #fff;cursor:pointer}.page spanold{font-size:12px;padding:4px 10px!important;border-style:solid;border-width:1px;border-color:#ddd #ddd #ccc;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);display:inline-block;line-height:16px;background:#f5f5f5;color:#333;text-shadow:0 1px 0 #fff}.page .Pcurrent{color:#999;background:#f5f5f5;cursor:default}.page .Pcount{color:#777}.system-info-con{width:100%}.sys-i-c-box{box-sizing:border-box;max-width:350px}.sys-i-c-box .siteinfo-box{height:110px;position:relative;width:100%}.sys-i-c-box .siteinfo-box h3{background:#20a53a;color:#fff;font-style:normal;height:110px;left:0;line-height:110px;position:absolute;text-align:center;top:0;width:56px}.siteinfo-box-right{border-bottom:1px solid #ddd;border-right:1px solid #ddd;border-top:1px solid #ddd;height:110px;margin-left:56px;overflow:hidden}.siteinfo-box-right h4{font-size:32px;height:68px;line-height:60px;overflow:hidden;padding-top:8px;text-align:center}.siteinfo-box-right .sbr-btn{color:#ccc;display:block;font-size:14px;height:27px;line-height:22px;padding-top:5px;text-align:center}.siteinfo-box-right .sbr-btn a{color:#20a53a;font-size:16px;padding:0 10px}.circle-box h3,.circle-box h4{line-height:30px}.circle{width:100px;height:100px;position:relative;border-radius:50%;background:#20a53a;margin:0 auto}.pie_left,.pie_right{width:100px;height:100px;position:absolute;top:0;left:0}.left,.right{width:100px;height:100px;background:#ccc;border-radius:50%;position:absolute;top:0;left:0}.pie_right,.right{clip:rect(0,auto,auto,50px);transition:transform 1s ease-in 0s;-webkit-transition:-webkit-transform 1s ease-in 0s;-moz-transition:-moz-transform 1s ease-in 0s}.pie_left,.left{clip:rect(0,50px,auto,0);transition:transform .4s ease-in 1s;-webkit-transition:-webkit-transform .4s ease-in 1s;-moz-transition:-moz-transform .4s ease-in 1s}.mask{width:88px;height:88px;border-radius:50%;left:6px;top:6px;background:#FFF;position:absolute;line-height:88px;font-size:18px;color:#20a53a}@-webkit-keyframes shineGreen{from{-webkit-box-shadow:0 0 10px #999}50%{-webkit-box-shadow:0 0 15px #20a53a}to{-webkit-box-shadow:0 0 10px #999}}.shine_green{-webkit-animation-name:shineGreen;-webkit-animation-duration:3s;-webkit-animation-iteration-count:infinite}.mem-release{cursor:pointer}.mem-re-min{background:url(../img/ico/rocket_min.png) no-repeat center center;height:35px;left:40px;position:absolute;top:8px;width:20px;z-index:9;opacity:.9}.mem-re-con{background:url(../img/ico/ico-rocket.gif) no-repeat center center;width:100%;height:100%;position:absolute;z-index:9;display:none;top:15px}.mem-release:hover .mem-re-con{display:block}.soft-man .col-lg-3{border-bottom:1px solid #ececfb;border-left:1px solid #ececfb;border-right:1px solid #ececfb;margin-right:-1px;margin-bottom:-1px;height:148px;cursor:pointer;padding:0}.soft-man .col-lg-3:hover{box-shadow:0 0 38px rgba(0,0,0,.08) inset;-webkit-transition:all .25s ease;transition:all .25s ease}.soft-man .dashed-border{border:1px dashed #20a53a;z-index:1}.soft-man .no-bg:hover{box-shadow:0 0 38px rgba(0,0,0,.01) inset;-webkit-transition:all .15s ease;transition:all .15s ease}.soft-man .image{height:40px;margin:30px 0 20px;text-align:center}.soft-man .sname{text-align:center;color:#555}.soft-man .col-sm-3>div{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.soft-man .spanmove{background:url(../images/move.png) no-repeat;width:30px;height:30px;display:none;position:absolute;top:5px;right:5px;z-index:3}.soft-man .col-lg-3:hover .spanmove{display:block}.soft-man .text{background-color:rgba(0,0,0,0.3);height:100%;left:0;position:absolute;top:0;width:100%;display:none}.soft-man .text a{background-color:#fff;border-radius:4px;display:block;height:30px;line-height:30px;margin:59px auto;text-align:center;width:100px}.soft-man-con p.status{line-height:40px;margin-bottom:20px;font-size:14px}.soft-man-con .sfm-opt .btn{margin-right:15px}.soft-man .sname .glyphicon-True{color:#20a53a;margin-left:10px}.soft-man .sname .glyphicon-False{color:red;margin-left:10px}.soft-man{position:relative}.soft-man .rowbg{position:absolute;top:0;width:100%;z-index:0}.soft-man .rowbg .col-lg-3{cursor:default}.soft-man .rowbg .col-lg-3:hover{box-shadow:0 0 38px rgba(0,0,0,.01) inset;-webkit-transition:all .15s ease;transition:all .15s ease}.bw-info ul li{height:56px;line-height:56px}.bw-info ul li.bi-line{border-bottom:#ddd solid 1px}.bw-info ul li span{display:block;margin-right:15px}.btn-zhm{border-radius:0 3px 0 0;display:none;position:absolute;right:42px;top:0}.line{padding:5px 0}.line .span_tit{display:inline-block;text-align:right;width:140px}.line .tname{display:block;float:left;height:30px;line-height:30px;overflow:hidden;padding-right:20px;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:110px}.line .info-r{margin-bottom:5px;margin-left:110px;position:relative}.placeholder{cursor:text;left:20px;line-height:24px;position:absolute;top:27px}.bt-form-submit-btn{background:#f6f8f8;border-top:1px solid #edf1f2;bottom:0;left:0;padding:8px 20px 10px;position:absolute;text-align:right;width:100%}.bt-form-submit-btn .btn:first-child{margin-right:4px}.btn-danger{background-color:#cbcbcb;border-color:#cbcbcb;color:#fff}.bt-w-main{height:525px}.bt-form{height:100%}.bt-w-menu{float:left;background-color:#f0f0f1;height:100%;width:110px}.bt-w-menu p{cursor:pointer;height:40px;line-height:40px;padding-left:20px;position:relative;text-overflow:ellipsis;overflow:hidden}.bt-w-menu p a{display:block}.bt-w-menu p .spanmove{display:none}.bt-w-con{margin-left:110px;position:relative}.label-input-group input{margin-top:0;margin-right:5px;vertical-align:-2px}.label-input-group label{margin-bottom:0;font-weight:normal}.bingfa .line{margin-bottom:10px}.bingfa .line .span_tit{text-align:right;width:120px;display:inline-block}.bingfa .bt-input-text{width:100px}.ssl-con-key{width:47%}.ssl-con-key textarea{height:240px;line-height:18px;width:100%;margin-top:5px}.ssh-item{float:left;margin-left:10px;padding-top:5px}.ss-text em{color:#555;float:left;font-style:normal;line-height:32px;padding-right:2px}.view1,.view2{margin-bottom:15px}.searcTime{position:relative:z-index:999;margin-top:11px}.searcTime .tit{float:left;padding:5px 10px;display:none}.searcTime .gt{padding:5px 10px;border:#ddd 1px solid;margin-right:-1px;cursor:pointer;float:left;line-height:16px}.searcTime .gt.on,.searcTime .gt:hover,.searcTime .ss .st:hover,.searcTime .ss .st.on{background-color:#20a53a;color:#fff}.searcTime .ss{display:inline-block;position:relative;float:left;line-height:16px}.searcTime .ss .st{padding:5px 10px;border:#ddd 1px solid;margin-right:-1px;cursor:pointer;float:left}.searcTime .ss .time{background-color:#fff;border:1px solid #ddd;display:none;padding:10px;position:absolute;right:-1px;top:27px;width:217px;z-index:99}.searcTime .ss .time span{margin-bottom:10px;display:block}.searcTime .ss .time input{border:1px solid #ddd;height:22px;padding:0 5px;width:132px}.searcTime .ss .time input:focus{border:#66afe9 1px solid;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.searcTime .ss .sbtn{background-color:#20a53a;border:1px solid #20a53a;color:#fff;line-height:24px;text-align:center;cursor:pointer}.plan{padding:10px 20px;margin-bottom:10px}.plan .typename{line-height:34px;width:120px}.plan .textname{height:34px;line-height:34px;float:left}.plan .planname input{height:34px;width:260px;padding:0 12px}.plan .dropdown button b{font-weight:normal}.plan .dropdown-menu{min-width:100px}.dropdown-menu>li>a{padding:3px 12px}.plan-submit{margin-left:141px}.plan_hms{position:relative;height:34px}.plan_hms span{float:left;height:32px;line-height:32px;position:relative}.plan_hms .name{border-left:1px solid #ccc;width:44px;text-align:center;background-color:#f6f6f6}.planSign{margin-left:10px;height:35px;line-height:35px}.planSign i{margin-right:8px;font-size:12px;font-style:initial;color:red}.plan_hms span input{float:left;width:48px;height:32px;line-height:32px;border:0;text-align:center;font-size:12px}.plan_hms span:first-child input{border-radius:4px 0 0 4px}.plan_hms span:last-child{border-radius:0 4px 4px 0}.plan .dropdown button{width:94px}.txtsjs{width:260px;height:80px}.sl-s-info{width:124px;border:#ccc 1px solid}.rec-install{padding:16px;width:100%;float:left}.rec-install .rec-box{width:296px;float:left}.rec-install h3{font-size:20px;margin-bottom:5px}.rec-box-con{border:#ddd 1px solid;border-radius:3px;padding:10px}.rec-install .rec-box:hover .rec-box-con{background-color:#f9f9f9;border:#20a53a 1px solid}.rec-box-con .ico img{width:22px;margin-right:10px}.rec-box-con ul li{line-height:26px;margin-bottom:5px}.fangshi{line-height:19px;margin-top:10px;display:block;margin-bottom:15px}.fangshi label{font-weight:normal;margin-right:44px;float:right}.fangshi label input{vertical-align:-2px;margin-left:5px}.zun-form-new .fangshi{padding:0 30px 0;line-height:30px}.zun-form-new .fangshi label{height:20px;line-height:20px;margin:4px 20px 0 0}.zun-form-new .version{padding:0 30px}.zun-form-new .version select{height:28px;margin-left:30px;width:120px}.sec-install-btn{font-family:"宋体";width:90px;height:30px;line-height:30px;text-align:center;background-color:#20a53a;border-radius:3px;color:#fff;cursor:pointer;margin-top:10px}.rec-box-con .onekey{font-family:"宋体";width:90px;height:30px;line-height:30px;text-align:center;background-color:#20a53a;border-radius:3px;color:#fff;margin:5px auto;cursor:pointer}.rec-box-con .onekey:hover,.sec-install-btn:hover{background:#10952a;background:linear-gradient(#10952a,#088d22)}.phppz{margin:14px 0}.phppz span{padding:10px}.phppz textarea{width:500px;margin:0;vertical-align:bottom;padding:0 5px;height:38px;margin-right:20px}.soft-man-con .user_pw{display:none;margin-top:30px}.soft-man-con .user_pw_tit{margin-top:30px;padding-top:30px;border-top:#ccc 1px dashed}.soft-man-con .user_pw p{margin-bottom:15px}.soft-man-con .user_pw_tit .tit{float:left;line-height:22px}.soft-man-con .user_pw span,.soft-man-con .user_pw_tit span{width:50px;display:inline-block}.soft-man-con .user_pw span{margin-right:10px}.btswitch-p{margin-left:10px}.soft-man-con .user_pw input{width:200px}.soft-man-con .conf_p{margin-bottom:10px}.soft-man-con .conf_p input{width:100px}.soft-man-con .funarea{width:100%;height:80px;line-height:22px;margin-bottom:10px}.soft-man-con .ver .btn{vertical-align:0;margin-left:10px}.webEdit-box .soft-man-con .phpmyadmindk{width:100px;display:inline-block;margin:0;padding-right:0}.softlist td img{width:24px;height:20px;margin-right:5px}.softlist .glyphicon-folder-open{cursor:pointer;color:#efd566}.softlist .btswitch+.btswitch-btn{width:2.4em;height:1.4em;margin-bottom:0}.wafConf_checkbox label{font-weight:normal;margin-right:22px}.wafConf button{vertical-align:0}.wafConf_cc{border-bottom:1px solid #ddd;border-top:1px solid #ddd;margin:10px 0;padding:15px 0}.wafConf_cc span{margin-right:5px}.wafConf fieldset{border:1px solid #ccc;border-radius:3px;float:left;padding-bottom:0;width:240px}.wafConf fieldset:nth-of-type(2){margin:0 10px}.wafConf legend{border:0 none;font-size:14px;margin:0 6px;padding:3px;width:auto}.wafConf fieldset input{margin-left:4px}.wafConf fieldset .table{margin-top:-1px;margin-bottom:0}.wafConf fieldset .table tr td:nth-of-type(2){width:42px}.wafConf fieldset .table-overflow{height:210px;overflow:auto;margin-top:10px;border-top:#ddd 1px solid}.wafConf-btn{border-bottom:#ddd 1px solid;margin-bottom:12px;padding-bottom:15px;height:45px}.wafConf-btn span{float:left;margin-right:8px;line-height:33px}.wafConf-btn .btn{margin-right:10px}.wafConf-btn .ssh-item{margin-right:50px}.gzEdit{padding:13px 20px}.gzEdit button{margin:8px;width:140px}.setting-con p{line-height:30px}.setting-con p .set-tit{display:inline-block;height:22px;margin-right:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:-2px;width:90px}.setting-con p .disable{background-color:#ededed}.setting-con p .inputtxt{width:260px}.setting-con p .modify{margin-left:-40px;vertical-align:0;position:relative;z-index:10}.setting-con p .set-info{margin-left:20px}.set-submit{margin:20px 0 10px 100px}.changepath{height:500px}.changepath .path-top{height:50px;line-height:50px;padding-left:10px;border-bottom:#aaa 1px solid}.changepath .path-top .btn{margin-right:10px}.changepath .path-top .btn span{-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1)；}.changepath .path-top .place{display:inline-block}.changepath .path-top .place span{color:#444;font-size:12px;font-weight:bold}.changepath .path-con-left{width:130px;height:450px;float:left;border-right:#aaa 1px solid;padding-top:5px}.changepath .path-con-left dl dt{background:url("../img/ico-computer.png") no-repeat left center;height:30px;line-height:30px;padding-left:23px;font-size:14px;font-weight:normal;margin-left:10px}.changepath .path-con-left dl dd{line-height:30px;padding-left:12px;cursor:pointer}.changepath .path-con-left dl dd span{color:#666}.changepath .path-con-right{float:left;height:450px;overflow:auto;width:520px}.changepath .path-con-right .default li{width:25%;float:left;text-align:center;margin-top:20px;cursor:pointer}.changepath .path-con-right .default li span{font-size:40px;color:#666}.path-con-right .file-list{display:none}.path-con-right .list-list td{padding-left:10px;cursor:pointer}.list-list span.glyphicon{color:#666;margin-right:10px;font-size:18px}.list-list span.glyphicon-folder-open{color:#edca5c}.list-list span.glyphicon-cloud-download{font-size:12px}.newFolderName{border:#ccc 1px solid;height:30px;padding:0 5px;width:90%}.path-con-right .list-list td .delfile-btn{display:none;float:right;font-size:14px;text-align:center;width:18px}.path-con-right .list-list td .delfile-btn:hover{color:red}.path-con-right .list-list tr:hover .delfile-btn{display:block}.path-con-right .list-list td .btn-xs{margin-top:4px}.getfile-btn{background:#f6f8f8 none repeat scroll 0 0;border-top:1px solid #edf1f2;padding:8px 20px 10px;text-align:right;width:100%}.success-msg{width:100%;padding:30px 50px;font-family:"Microsoft Yahei";float:left;position:relative}.success-msg .pic{position:absolute;top:50%;margin-top:-100px}.success-msg .pic img{width:158px}.success-msg .suc-con{float:right;width:260px}.success-msg .suc-con h3{font-size:16px;margin-bottom:15px}.success-msg .suc-con p{line-height:23px}.success-msg .suc-con .p1{border-bottom:1px dashed #aaa;color:#000;height:30px;margin-bottom:8px}.success-msg .bottom-btn{margin-top:60px;width:100%;float:left}.success-msg .bottom-btn a{width:200px;height:40px;line-height:40px;text-align:center;display:inline-block;border-radius:5px;margin-left:30px;color:#fff;font-size:16px;cursor:pointer}.success-msg .bottom-btn .close-btn{background-color:#cbcbcb}.success-msg .bottom-btn .blue-btn{background-color:#5cb85c}.tasklist{padding:15px}.tab-nav{border-bottom:#cacad9 1px solid}.tab-nav span{background-color:#ddd;background:-moz-linear-gradient(top,#f6f6f6,#ddd);background:-webkit-gradient(linear,0% 0,0% 100%,from(#f6f6f6),to(#ddd));background:-ms-linear-gradient(top,#f6f6f6,#ddd);height:32px;line-height:32px;padding:0 12px;border:#cacad9 1px solid;color:#444;display:inline-block;margin:0 -1px -1px 0;cursor:pointer}.tab-nav .on{background:#fff;border-bottom:#fff 1px solid;color:#444}.tab-con{height:380px;margin-right:-15px;overflow:auto;padding:10px}.tab-con ul.cmdlist{list-style-type:decimal}.tab-con ul.cmdlist li{position:relative;list-style-type:decimal;list-style-position:inside;line-height:40px;border-bottom:#dbdbea 1px solid;margin-top:6px}.tab-con ul.cmdlist li .com-progress,.tab-con ul.cmdlist li .state,.opencmd{float:right;margin-left:20px;color:#535362}.tab-con ul.cmdlist li .line-progress{position:absolute;bottom:-1px;left:0;height:1px;background-color:#20a53a}.tab-con ul.cmdlist li .cmd{border:0 none;border-radius:0;display:block;width:570px;height:200px;line-height:22px;padding:0 10px;background-color:#333;color:#eee;overflow:auto}.yuandian{width:10px;height:10px;border-radius:5px;background-color:#20a53a;z-index:999999}.DrawRecordL i,.DrawRecordR-T i{background:url(../img/Detailsbg.png) no-repeat}.DrawRecordCon{font-size:14px;height:422px;overflow:auto}.DrawRecord{background:url(../img/DrawRecordord.png) repeat-y -204px center;margin:0 auto;overflow:hidden;line-height:22px}.DrawRecordlist{padding-top:6px}.DrawRecord .DrawRecordL{float:left;color:#9a9a9a;margin-top:9px;padding-right:22px;position:relative;text-align:right;width:110px}.DrawRecord .DrawRecordL i{background-position:0 0;display:inline-block;height:5px;overflow:hidden;position:absolute;right:0;top:9px;width:16px}.DrawRecord .DrawRecordR{margin:1px 1px 30px 112px;color:#666;padding-right:5px}.DrawRecord .DrawRecordR h3{font-size:14px;font-weight:normal;margin-bottom:5px}.footer{bottom:0;position:absolute;text-align:center;width:100%;line-height:50px}.bingfa{padding:10px 0 60px 0}.bingfa p{margin-bottom:10px}.bingfa p .span_tit{display:inline-block;text-align:right;width:120px}.bingfa p input{border:1px solid #ccc;height:30px;line-height:30px;padding-left:5px;border-radius:3px;-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.bingfa p input:focus,.bingfa p input:active{border:#66afe9 1px solid;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.bingfa .submit-btn{background:#f6f8f8 none repeat scroll 0 0;border-top:1px solid #edf1f2;bottom:0;left:0;padding:8px 20px 10px;position:absolute;text-align:right;width:100%}.bingfa .submit-btn .btn-danger{margin-right:5px}.transfer .backupdata{height:150px}.selectdata .slabel{font-weight:normal;margin:10px 41px 10px 0}.selectdata .slabel input{margin-right:5px;margin-top:0;vertical-align:-2px}.backupbtn{margin:20px 0;width:100%}.neice_con{padding:7px 20px 20px}.neice_con .tit{font-weight:bold;line-height:30px;color:#777}.neice_con .nc_con{background-color:#fdfdfd;border:1px solid #ddd;line-height:28px;padding:10px;border-radius:3px}.nc_opt{padding-top:6px;text-align:right;height:24px}.neice_con .nc_opt input{margin-right:6px;vertical-align:-2px}.neice_con .nc_opt label{float:right;width:150px}.nc_con_user p{margin:15px 0}.nc_con p span{width:80px;display:inline-block}.nc_con p input{background-color:#fff;border:#ccc 1px solid;height:30px;line-height:30px;padding:0 5px;width:280px}.nc_con p input.disabled{background-color:#eee}.nc-tips{padding:20px}.nc-tips p{line-height:30px}.nc-tips p span{font-size:14px;font-weight:bold}.nc-tips p a{color:#20a53a}#BarTools .glyphicon{color:#666}#BarTools .glyphicon:hover{color:#fff}.list-list .ico{background-position:center center;background-repeat:no-repeat;display:inline-block;height:30px;margin-right:10px;width:33px;z-index:1;float:left}.fileList .ico{background-position:center center;background-repeat:no-repeat;display:block;height:80px;margin:12px auto 4px;width:84px;z-index:1}.list-list .column-name .text{color:#595c5f;display:inline-block;max-width:85%;overflow:hidden;text-overflow:ellipsis;line-height:30px}.list-list .column-name .cursor{display:inline-block;cursor:pointer;width:200px\9}.table>tbody>tr>td{vertical-align:middle}.showpicdiv{max-height:500px;overflow:hidden;width:500px}#BarTools{font-size:16px;float:left;margin-right:20px}#BarTools>button{top:0}.comlist{float:left;line-height:28px;margin-right:10px}.comlist>span{margin-right:20px;font-size:14px;float:left;padding:0 10px;border:#fff 1px solid;border-radius:3px;cursor:pointer}.comlist>span:hover{border:#ccc 1px solid;border-radius:3px;background-color:#f3f3f3}.PathPlaceText{position:absolute;right:0;top:0;background-color:#fff}.PathPlace{color:#666;float:left;font-size:16px;line-height:30px;margin-right:5px;width:170px\9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.PathPlaceInfo{font-size:14px;line-height:30px;float:left;margin-right:20px;color:#999}.onPath{float:left;line-height:30px;font-size:14px;color:#666}.editmenu span{display:none;text-align:right;width:300px}.table tr.hover,.table tr.on,.ui-selecting,.ui-selected{background-color:#f5f5f5}.table tr.on .editmenu span,.table tr.ui-selected .editmenu span,.table tr.ui-selecting .editmenu span,.table tr:hover .editmenu span{display:inline}.ui-selectable-helper{background:#6bb0c9;border:1px dotted #072246;opacity:.25;overflow:hidden;position:absolute;z-index:99999}.list-list .ico-folder{background-image:url("")}.list-list .ico-folder-unempty{background-image:url("")}.list-list .ico-access,.list-list .ico-mdb,.list-list .ico-accdb,.list-list .ico-db,.list-list .ico-sql{background-image:url("")}.list-list .ico-c{background-image:url("")}.list-list .ico-cpp{background-image:url("")}.list-list .ico-cs{background-image:url("")}.list-list .ico-fla,.list-list .ico-flv{background-image:url("")}.list-list .ico-css{background-image:url("")}.list-list .ico-js{background-image:url("")}.list-list .ico-htm{background-image:url("")}.list-list .ico-html{background-image:url("")}.list-list .ico-java{background-image:url("")}.list-list .ico-log{background-image:url("")}.list-list .ico-mht{background-image:url("")}.list-list .ico-php{background-image:url("")}.list-list .ico-url{background-image:url("")}.list-list .ico-xml{background-image:url("")}.list-list .ico-ai{background-image:url("")}.list-list .ico-bmp{background-image:url("")}.list-list .ico-cdr{background-image:url("")}.list-list .ico-gif{background-image:url("")}.list-list .ico-ico{background-image:url("")}.list-list .ico-jpeg{background-image:url("")}.list-list .ico-jpg,.list-list .ico-JPG{background-image:url("")}.list-list .ico-png{background-image:url("")}.list-list .ico-psd{background-image:url("")}.list-list .ico-webp{background-image:url("")}.list-list .ico-ape{background-image:url("")}.list-list .ico-avi{background-image:url("")}.list-list .ico-flv{background-image:url("")}.list-list .ico-mkv{background-image:url("")}.list-list .ico-mov{background-image:url("")}.list-list .ico-mp3{background-image:url("")}.list-list .ico-mp4{background-image:url("")}.list-list .ico-mpeg{background-image:url("")}.list-list .ico-mpg{background-image:url("")}.list-list .ico-rm{background-image:url("")}.list-list .ico-rmvb{background-image:url("")}.list-list .ico-swf{background-image:url("")}.list-list .ico-wav{background-image:url("")}.list-list .ico-webm{background-image:url("")}.list-list .ico-wma{background-image:url("")}.list-list .ico-wmv{background-image:url("")}.list-list .ico-doc,.list-list .ico-docm,.list-list .ico-dotx,.list-list .ico-dotm,.list-list .ico-dot,.list-list .ico-rtf{background-image:url("")}.list-list .ico-docx{background-image:url("")}.list-list .ico-pdf,.list-list .ico-fdf{background-image:url("")}.list-list .ico-ppt,.list-list .ico-pptm,.list-list .ico-pot,.list-list .ico-potm{background-image:url("")}.list-list .ico-pptx{background-image:url("")}.list-list .ico-txt{background-image:url("")}.list-list .ico-xls,.list-list .ico-csv,.list-list .ico-xlsm,.list-list .ico-xlsb{background-image:url("")}.list-list .ico-xlsx{background-image:url("")}.list-list .ico-7z{background-image:url("")}.list-list .ico-cab{background-image:url("")}.list-list .ico-iso{background-image:url("")}.list-list .ico-rar{background-image:url("")}.list-list .ico-zip{background-image:url("")}.list-list .ico-gz{background-image:url("")}.list-list .ico-bt{background-image:url("")}.list-list .ico-file{background-image:url("")}.list-list .ico-apk{background-image:url("")}.fileList .ico-bookfolder{background-image:url("")}.fileList .ico-folder{background-image:url("")}.fileList .ico-folder-empty{background-image:url("")}.fileList .ico-folder-unempty{background-image:url("")}.fileList .ico-fromchromefolder{background-image:url("")}.fileList .ico-documentfolder{background-image:url("")}.fileList .ico-fromphonefolder{background-image:url("")}.fileList .ico-mix{background-image:url("")}.fileList .ico-musicfolder{background-image:url("")}.fileList .ico-picturefolder{background-image:url("")}.fileList .ico-videofolder{background-image:url("")}.fileList .ico-sefolder{background-image:url("")}.fileList .ico-access,.fileList .ico-mdb,.fileList .ico-accdb,.fileList .ico-sql,.fileList .ico-db{background-image:url("../img/ico/ico-access.png")}.fileList .ico-c{background-image:url("../img/ico/ico-c.png")}.fileList .ico-cpp{background-image:url("../img/ico/ico-cpp.png")}.fileList .ico-cs{background-image:url("../img/ico/ico-cs.png")}.fileList .ico-js{background-image:url("../img/ico/ico-js.png")}.fileList .ico-fla,.fileList .ico-flv{background-image:url("")}.fileList .ico-htm{background-image:url("../img/ico/ico-htm.png")}.fileList .ico-html{background-image:url("../img/ico/ico-html.png")}.fileList .ico-java{background-image:url("../img/ico/ico-java.png")}.fileList .ico-log{background-image:url("")}.fileList .ico-mht{background-image:url("../img/ico/ico-mht.png")}.fileList .ico-php{background-image:url("../img/ico/ico-php.png")}.fileList .ico-url{background-image:url("../img/ico/ico-url.png")}.fileList .ico-xml{background-image:url("../img/ico/ico-xml.png")}.fileList .ico-ai{background-image:url("")}.fileList .ico-bmp{background-image:url("../img/ico/ico-bmp.png")}.fileList .ico-cdr{background-image:url("../img/ico/ico-cdr.png")}.fileList .ico-gif{background-image:url("../img/ico/ico-gif.png")}.fileList .ico-ico{background-image:url("")}.fileList .ico-jpeg{background-image:url("../img/ico/ico-jpeg.png")}.fileList .ico-jpg,.fileList .ico-JPG{background-image:url("../img/ico/ico-jpg.png")}.fileList .ico-png{background-image:url("../img/ico/ico-png.png")}.fileList .ico-psd{background-image:url("../img/ico/ico-psd.png")}.fileList .ico-webp{background-image:url("../img/ico/ico-webp.png")}.fileList .ico-ape{background-image:url("")}.fileList .ico-avi{background-image:url("../img/ico/ico-avi.png")}.fileList .ico-flv{background-image:url("../img/ico/ico-flv.png")}.fileList .ico-mkv{background-image:url("../img/ico/ico-mkv.png")}.fileList .ico-mov{background-image:url("../img/ico/ico-mov.png")}.fileList .ico-mp3{background-image:url("")}.fileList .ico-mp4{background-image:url("../img/ico/ico-mp4.png")}.fileList .ico-mpeg{background-image:url("../img/ico/ico-mpeg.png")}.fileList .ico-mpg{background-image:url("../img/ico/ico-mpg.png")}.fileList .ico-rm{background-image:url("../img/ico/ico-rm.png")}.fileList .ico-rmvb{background-image:url("../img/ico/ico-rmvb.png")}.fileList .ico-swf{background-image:url("../img/ico/ico-swf.png")}.fileList .ico-wav{background-image:url("")}.fileList .ico-webm{background-image:url("../img/ico/ico-webm.png")}.fileList .ico-wma{background-image:url("../img/ico/ico-wma.png")}.fileList .ico-wmv{background-image:url("../img/ico/ico-wmv.png")}.fileList .ico-doc,.fileList .ico-docm,.fileList .ico-dotx,.fileList .ico-dotm,.fileList .ico-dot,.fileList .ico-rtf{background-image:url("../img/ico/ico-doc.png")}.fileList .ico-docx{background-image:url("../img/ico/ico-docx.png")}.fileList .ico-pdf,.fileList .ico-fdf{background-image:url("../img/ico/ico-pdf.png")}.fileList .ico-ppt,.fileList .ico-pptm,.fileList .ico-pot,.fileList .ico-potm{background-image:url("")}.fileList .ico-pptx{background-image:url("../img/ico/ico-pptx.png")}.fileList .ico-txt{background-image:url("")}.fileList .ico-xls,.fileList .ico-csv,.fileList .ico-xlsm,.fileList .ico-xlsb{background-image:url("../img/ico/ico-xls.png")}.fileList .ico-xlsx{background-image:url("../img/ico/ico-xlsx.png")}.fileList .ico-7z{background-image:url("")}.fileList .ico-gz{background-image:url("")}.fileList .ico-cab{background-image:url("")}.fileList .ico-iso{background-image:url("")}.fileList .ico-rar{background-image:url("")}.fileList .ico-zip{background-image:url("")}.fileList .ico-bt{background-image:url("../img/ico/ico-bt.png")}.fileList .ico-file{background-image:url("")}.fileList .ico-apk{background-image:url("../img/ico/ico-apk.png")}.fileList .ico-css{background-image:url("../img/ico/ico-css.png")}.ico-cmd{background:url("../img/soft_ico/ico-cmd.png") no-repeat center center;height:18px;width:16px;display:block}.btn:hover .ico-cmd{background:url("../img/soft_ico/ico-cmd-hover.png") no-repeat center center;height:18px;width:16px;display:block}.fileUploadDiv{padding:10px}#file_input{display:none}#up_box{background-color:#fafbfe;border:#e4e5e9 1px solid;margin:0;padding:10px;clear:both;height:360px;overflow:auto}#up_box li{list-style-type:none;height:30px;line-height:30px;font-size:12px;width:100%;margin:0 0 5px;padding:0}#up_box li .filename{display:inline-block;height:30px;margin-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:240px}#up_box li .filesize{color:#999;display:inline-block;height:30px;overflow:hidden}.fileUploadDiv button{float:left;border-radius:3px;border-style:solid;border-width:1px;width:75px;height:30px;color:#fff;margin-bottom:10px;cursor:pointer}#up{background-color:#5cb85c;border-color:#4cae4c;color:#fff;text-align:center;margin-left:10px;position:absolute;bottom:0;right:10px}#filesClose{position:absolute;bottom:0;right:95px;background-color:#cbcbcb;border-color:#cbcbcb;color:#fff}#opt{background-color:#4592f0;border-color:#367fa9}#up_box li em{font-style:normal;color:#06F;float:right;margin-right:10px}.cancel{float:right;cursor:pointer;color:#c00}#textBody{min-height:450px;_height:450px}#filesClose:hover{background-color:#c9302c;border-color:#ac2925;color:#fff}#up:hover{background-color:#449d44;border-color:#398439}#totalProgress progress{width:180px;height:10px;border:1px solid #ccc;background-color:#e6e6e6;color:#0064b4;opacity:.9}#totalProgress p{color:#666}.setchmod fieldset{margin-left:15px;margin-bottom:15px;border:1px solid #ccc;float:left;width:114px;padding-bottom:10px;border-radius:3px}.setchmod legend{padding:3px;border:0;width:auto;margin:0 6px;font-size:14px}.setchmod fieldset p{margin-left:10px}.setchmod fieldset p input{position:relative;top:2px;margin-right:5px}.setchmodnum{clear:both;margin:0 15px -10px}.setchmodnum #access,#chown{width:60px;margin-right:5px;height:28px}.setchmodnum span{margin-left:10px}#chown{margin-left:5px}.shellcode{margin-bottom:5px;height:490px;overflow:auto}.shellcode pre{background-color:#111;color:white;padding:5px 10px;border:0 none;border-radius:0;min-height:490px;margin:0}#mExec{width:89%;margin-top:0;float:left}.editmenu{text-align:right}#filesBody{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.folderBox input{display:none}.fileList>div:hover,.fileList div.ui-selecting{background:#f6f8fd;border-color:#d3dfec}.fileList div.active,.fileList div.focus,.fileList div.ui-selected{background:#eff3f9 none repeat scroll 0 0;border-color:#bcccde}.fileList .file{background:rgba(0,0,0,0) none repeat scroll 0 0;border:1px solid #fff;border-radius:2px;display:inline-block;height:136px;margin:0 5px 10px 0;text-align:center;width:112px}.fileList div.file{transition:all .2s ease 0s}.fileList .file .titleBox{color:#595c5f;display:block;height:23px;line-height:23px;overflow:hidden;text-align:center;text-overflow:ellipsis;width:100px;margin-left:5px}#DirPathPlace{display:none;padding:0}#DirPathPlace>input{border:1px solid #ccc;height:28px;line-height:28px;padding:0 5px;width:280px}#DirPathPlace>input:active,#DirPathPlace>input:focus{border:#66afe9 1px solid;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}#PathPlaceBtn{background-color:#f3f3f3;border:1px solid #ccc;height:28px;line-height:26px;padding:0;width:290px;cursor:text;overflow:hidden}#PathPlaceBtn ul{display:inline-block;height:26px;width:auto;position:relative}#PathPlaceBtn li{background:url("../img/ico/ico-ltr.png") no-repeat right center;padding-left:10px;padding-right:18px;float:left;height:26px;line-height:26px}#PathPlaceBtn li a{display:inline-block;cursor:pointer;height:26px;line-height:26px}.backBtn{color:#666;border-radius:0;height:28px;line-height:8px;margin-right:-1px;margin-top:-1px}#tipTools{background:#fff url(../img/ico_line.png) repeat-x 0 55px;height:110px;border-bottom:#ccc 1px solid;position:absolute;top:0;left:0}.re-head{border-bottom:1px solid #ccc;float:left;padding:15px 20px;width:100%}.re-con{float:left;height:500px;width:100%}.re-con-menu{background-color:#f0f0f1;float:left;height:100%;width:120px}.re-con-menu p{cursor:pointer;line-height:40px;padding-left:30px;position:relative}.re-con-menu p.on{background-color:#fff}.re-con-con{height:500px;margin-left:120px;overflow:auto}@media only screen and (max-width:990px){.pr8{padding-right:0}.pl7{padding-left:0;margin-top:15px}}.bt-ico-ask{border:1px solid #fb7d00;border-radius:8px;color:#fb7d00;cursor:help;display:inline-block;font-family:arial;font-size:11px;font-style:normal;height:16px;line-height:16px;margin-left:5px;text-align:center;width:16px}.bt-ico-ask:hover{background-color:#fb7d00;color:#fff}#RecycleBody .tname{line-height:30px}.menu-sub{border-bottom:1px solid #ccc;height:40px;line-height:30px;margin-bottom:15px}.menu-sub span{display:inline-block;font-size:14px;height:40px;padding:0 25px;cursor:pointer}.menu-sub .on{border-bottom:2px solid #20a53a;color:#20a53a;font-weight:bold}.bt-progress{background-color:#e2e2e2;border-radius:8px;height:16px;line-height:16px;position:relative;margin:5px 0}.bt-progress-bar{background-color:#5ab76c;border-radius:8px;height:16px;max-width:100%;position:absolute;text-align:right;transition:all .3s ease 0s;width:0}.bt-progress-text{font-size:12px;color:#fff;padding:0 10px;position:static}
/*!
 
 @Name: 宝塔面板框架主题样式
 @Date: 2019.12.5
 @Author: Qiao
 @WebSite: btpanel_win
 
 */

body {
    line-height: 1.4;
    color: #333;
    font-family: "微软雅黑", Arial, Helvetica, sans-serif;
    font-size: 12px;
}

input,
textarea,
select {
    font-size: 100%;
    font-family: inherit
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
form {
    margin: 0
}

h4,
h5,
h6 {
    font-size: 1em
}

ul,
ol {
    padding-left: 0;
    list-style-type: none
}

fieldset,
img {
    border: 0
}

a {
    color: #333;
    border: 0;
    text-decoration: none
}

a:hover {
    text-decoration: none
}

a:link {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none
}

:-moz-placeholder {
    color: #999
}

::-moz-placeholder {
    color: #999
}

input:-ms-input-placeholder {
    color: #999
}

input::-webkit-input-placeholder {
    color: #999
}

body,
html {
    height: 100%
}

.f12 {
    font-size: 12px
}

.f14 {
    font-size: 14px
}

.f15 {
    font-size: 15px
}

.f16 {
    font-size: 16px
}

.f18 {
    font-size: 18px
}

.f20 {
    font-size: 20px
}

.cw {
    color: white
}

.c0 {
    color: #000
}

.c3 {
    color: #333
}

.c4 {
    color: #444
}

.c5 {
    color: #555
}

.c6 {
    color: #666
}

.c7 {
    color: #777
}

.c8 {
    color: #888
}

.c9 {
    color: #999
}

.cbt {
    color: #20a53a
}

.bgw {
    background-color: white
}

.move_class {
    float: right;
}

.bge6 {
    background-color: #f2f2f2;
}

.btn {
    vertical-align: inherit;
}

.file-box .btn {
    vertical-align: middle;
}

.file-box .page {
    border: none;
}

.file-box .Pcount-item {
    border-right: 1px solid #ececec;
}

.file-box {
    padding-bottom: 1px;
}

.plr10 {
    padding: 0 10px
}

.plr15 {
    padding: 0 15px
}

.plr20 {
    padding: 0 20px
}

.ptb10 {
    padding: 10px 0
}

.ptb15 {
    padding: 15px 0
}

.ptb20 {
    padding: 20px 0
}

.pd0 {
    padding: 0
}

.pd15 {
    padding: 15px
}

.pd20 {
    padding: 20px
}

.pr8 {
    padding-right: 8px
}

.pl7 {
    padding-left: 7px
}

.pb15 {
    padding-bottom: 15px
}

.pb55 {
    padding-bottom: 55px
}

.pb70 {
    padding-bottom: 70px
}

.mt10 {
    margin-top: 10px
}

.mtb10 {
    margin: 10px 0
}

.mtb15 {
    margin: 15px 0
}

.mtb20 {
    margin: 20px 0
}

.mlr15 {
    margin: 0 15px
}

.mlr20 {
    margin: 0 20px
}

.mb15 {
    margin-bottom: 15px
}

.mr50 {
    margin-right: 50px
}

.ml33 {
    margin-left: 38px
}

.ml45 {
    margin-left: 50px
}

.ml5 {
    margin-left: 5px
}

.mr5 {
    margin-right: 5px
}

.mr10 {
    margin-right: 10px
}

.mr20 {
    margin-right: 20px
}

.ml0 {
    margin-left: 0;
}

.mg10 {
    margin: 10px
}

.va0 {
    vertical-align: 0
}

.ico-font-ask {
    border: 1px solid #999;
    border-radius: 8px;
    display: inline-block;
    font-family: arial;
    font-size: 11px;
    font-style: normal;
    height: 16px;
    line-height: 16px;
    margin-left: 5px;
    text-align: center;
    width: 16px;
    cursor: help
}

.btlink {
    color: #20a53a
}

.btlink:hover {
    cursor: pointer
}

.btn-btlink {
    border-color: #20a53a;
    color: #20a53a;
    vertical-align: 1px
}

.btn-btlink:hover {
    border-color: orange;
    color: orange
}

.input-edit {
    cursor: pointer;
    border: transparent 1px solid;
    min-height: 20px;
    min-width: 150px;
    display: inline-block;
}

.input-edit:hover {
    border: #ccc 1px solid;
    background-color: #fff;
}

.baktext {
    height: 20px;
    border: #ccc 1px solid;
    min-width: 150px;
}

.b-shadown {
    transition: border-color .15s ease-in-out 0s, box-shadow .15s ease-in-out 0s
}

.b-shadown:hover {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.important-title {
    color: red;
    background-color: #fef3e2;
    line-height: 46px;
    margin-bottom: 15px;
    padding-left: 10px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
}

.info-title-tips {
    background-color: #fbfbfb;
    border: 1px solid #eee;
    line-height: 46px;
    margin-bottom: 15px;
    padding-left: 10px;
}

.bt-input-text {
    border: 1px solid #ccc;
    height: 30px;
    line-height: 30px;
    padding-left: 5px;
    border-radius: 2px;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.bt-input-text:focus,
.bt-input-text:active {
    border: #66afe9 1px solid;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.bt-submit {
    background-color: #20a53a;
    border-radius: 3px;
    width: 140px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    color: #fff;
    cursor: pointer
}

.cursor {
    cursor: pointer
}

.help-info-text-info {
    margin-top: 15px;
    position: absolute;
    bottom: 10px;
}

.help-info-text-info>li {
    list-style: inside disc;
    line-height: 24px
}

.help-info-text {
    margin-top: 15px;

}

.help-info-text>li {
    list-style: inside disc;
    line-height: 24px
}

.relative {
    position: relative
}

.ico-copy {
    background: url(/static/img/ico-copy.png) no-repeat;
    height: 14px;
    width: 12px;
    display: inline-block;
    vertical-align: -2px
}

.zclip embed {
    vertical-align: top
}

.webDelete .options {
    padding: 20px 0
}

.webDelete .options label {
    width: 30%;
    float: left;
    font-weight: normal
}

.webDelete .options label input {
    float: left;
    margin: 0 10px 0 0;
    margin-top: 1px
}

.webDelete .options label span {
    float: left;
    margin: 0;
    line-height: 16px
}

.webDelete .vcode {
    background-color: #f0f0f0;
    clear: both;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    margin: 10px 0;
    padding-left: 12px;
    text-align: left;
    color: #444
}

.webDelete .vcode .text {
    margin-right: 10px;
    margin-left: 10px
}

.webDelete .vcode #vcodeResult {
    display: inline;
    height: 26px;
    line-height: 26px;
    margin-left: 10px;
    width: 50px;
    color: #444
}

.btswitch {
    display: none
}

.btswitch+.btswitch-btn {
    outline: 0;
    display: block;
    width: 3em;
    height: 1.8em;
    position: relative;
    cursor: pointer
}

.btswitch+.btswitch-btn:after,
.btswitch+.btswitch-btn:before {
    position: relative;
    display: block;
    content: "";
    width: 50%;
    height: 100%
}

.btswitch+.btswitch-btn:after {
    left: 0
}

.btswitch+.btswitch-btn:before {
    display: none
}

.btswitch:checked+.btswitch-btn:after {
    left: 50%
}

.btswitch-ios+.btswitch-btn {
    background: #cdcdcd;
    border-radius: .9em;
    padding: 2px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    border: 1px solid #e8eae9
}

.btswitch-ios+.btswitch-btn:after {
    border-radius: .9em;
    background: #fbfbfb;
    -webkit-transition: left .3s cubic-bezier(.175, .885, .32, 1.275), padding .3s ease, margin .3s ease;
    transition: left .3s cubic-bezier(.175, .885, .32, 1.275), padding .3s ease, margin .3s ease;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 4px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 4px 0 rgba(0, 0, 0, .08)
}

.btswitch-ios+.btswitch-btn:active {
    -webkit-box-shadow: inset 0 0 0 2em #e8eae9;
    box-shadow: inset 0 0 0 2em #e8eae9
}

.btswitch-ios+.btswitch-btn:active:after {
    padding-right: .8em
}

.btswitch-ios:checked+.btswitch-btn {
    background: #20a53a
}

.btswitch-ios:checked+.btswitch-btn:active {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btswitch-ios:checked+.btswitch-btn:active:after {
    margin-left: -.8em
}

.bt-warp {
    position: relative;
    min-height: 100%
}

.bt-warp>.container-fluid {
    padding: 0
}

.main-content {
    margin-left: 180px
}


.task {
    position: absolute;
    right: 7px;
    top: 15px;
    height: 20px;
    width: 20px;
    line-height: 20px;
    background-color: #fc6d26;
    z-index: 99;
    text-align: center;
    border-radius: 6px;
    cursor: pointer;
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
}

.softnum {
    position: absolute;
    left: 154px;
    top: 12px;
    height: 20px;
    width: 20px;
    line-height: 20px;
    background-color: #fc6d26;
    z-index: 99;
    text-align: center;
    border-radius: 6px;
    cursor: pointer;
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
    display: none;
    color: #fff
}

.cmdlist li {
    border-bottom: 1px solid #dbdbea;
    line-height: 48px
}

.cmdlist li .titlename {
    padding-left: 12px;
    position: relative
}

.cmdlist li .state {
    float: right
}

.cmdlist li .titlename:before {
    background-color: #20a53a;
    border-radius: 3px;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    top: 6px;
    width: 5px
}

.cmdlist li .cmd {
    height: 200px;
    background-color: #424251;
    overflow: auto;
    line-height: 22px;
    color: #fff;
    padding-left: 10px;
    font-family: arial
}

#remind td {
    vertical-align: middle
}

#remind .titlename {
    position: relative;
    text-overflow: ellipsis;
    height: 20px;
    overflow: hidden;
    width: 300px;
    white-space: nowrap
}

#remind .titlename:before {
    background-color: #20a53a;
    border-radius: 3px;
    content: "";
    height: 5px;
    left: -10px;
    position: absolute;
    top: 6px;
    width: 5px
}

.btn-default[disabled],
.btn-default:active[disabled] {
    background-color: #f7f7f7;
    color: #bbb;
    opacity: 1
}

.table-page {
    height: 32px
}

.table-page a {
    border: 1px solid #ccc;
    float: left;
    height: 30px;
    margin-left: -1px;
    outline: 0 none;
    position: relative;
    width: 34px;
    z-index: 1;
    color: #666;
    vertical-align: middle;
    text-align: center;
    line-height: 30px
}

.table-page a:hover {
    border: 1px solid #20a53a;
    color: #20a53a;
    z-index: 3
}

.table-page a.disable {
    background-color: #f3f3f3;
    cursor: not-allowed;
    color: #bbb
}

.table-page a.disable:hover {
    border: 1px solid #ccc
}

.table-page-select {
    float: left;
    position: relative
}

.table-page .table-page-num {
    width: 60px
}

.page-select-ul {
    background-color: #fff;
    border: 1px solid #ccc;
    bottom: 29px;
    left: -1px;
    line-height: 22px;
    max-height: 150px;
    min-width: 100%;
    overflow: auto;
    position: absolute;
    top: auto;
    width: 60px;
    display: none
}

.page-selected .page-select-ul {
    display: block
}

.page-select-ul li {
    padding: 0 12px
}

.page-select-ul li:hover {
    background-color: #f0f0f0
}

/*群控导航*/
.group-control .main-content {
    margin-left: 0;
    margin-top: 50px;
}

.sidebar-scroll-panel {
    width: 100%;
    z-index: 100;
    height: 50px;
    position: fixed;
}

.sidebar-scroll-panel .sidebar-auto {
    height: 100%;
    margin: 0 15px;
    background-color: #fff;
    box-shadow: 0 0 10px #ddd;
}

.sidebar-scroll-panel .mypcip {
    display: none;
}

.sidebar-scroll-panel .sidebar-auto .menu {
    background-color: #fff;
    height: 50px;
    border-bottom: #20a53a 1px solid;
}

.sidebar-scroll-panel .menu li {
    margin-bottom: 1px;
    position: relative;
    float: left;
}

.sidebar-scroll-panel .menu li a {
    font-size: 14px;
    display: block;
    line-height: 48px;
    padding-left: 41px;
    background-repeat: no-repeat;
    background-size: 16px auto;
    background-position: 21px 17px;
    border-right: #eee 1px solid;
    padding-right: 26px;
}

.sidebar-scroll-panel .menu li.current a,
.sidebar-scroll-panel .menu li a:hover {
    background-color: #20a53a;
    color: #fff;
    border-bottom: #20a53a 2px solid;
}

.sidebar-scroll-panel .btpc-plus {
    display: none;
}

.sidebar-scroll-panel .task {
    right: 26px;
}

/*默认导航*/

.sidebar-scroll {
    background-color: #3c444d;
    width: 180px;
    z-index: 100;
    height: 100%;
    position: fixed;
    overflow: hidden
}

.sidebar-scroll .sidebar-auto {
    overflow: auto;
    height: 100%;
    margin-right: -18px
}

.sidebar-scroll .mypcip {
    display: inline-block;
    padding: 0 10px;
    position: relative;
    transition-duration: 500ms;
    transition-property: background;
    transition-timing-function: ease;
    width: 180px;
    height: 50px;
    line-height: 50px;
    cursor: pointer;
}

.sidebar-scroll .mypcip:hover {
    background: #20a53a;
    opacity: 1
}

.sidebar-scroll .mypcip span {
    background: url() no-repeat 0 center;
    display: inline-block;
    padding-left: 30px;
    white-space: nowrap;
    width: 145px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.sidebar-scroll .btpc-plus {
    line-height: 40px;
    color: #aaa;
    font-family: arial;
    font-size: 26px;
    cursor: pointer;
    padding-left: 80px;
    transition-duration: 500ms;
    transition-property: background;
    transition-timing-function: ease
}

.sidebar-scroll .btpc-plus:hover {
    background-color: #20a53a;
    color: #fff
}

.sidebar-scroll .mypcip .btedit {
    background: url() no-repeat center center;
    width: 16px;
    height: 16px;
    display: none;
    position: absolute;
    left: 156px;
    top: 14px
}

.sidebar-scroll .mypcip:hover .btedit {
    display: block
}

.sidebar-scroll .sidebar-auto .menu {
    background-color: #353d44;
    margin-top: -3px;
}

.sidebar-scroll .menu li {
    margin-bottom: 1px;
    position: relative
}

.sidebar-scroll .menu li a {
    font-size: 15px;
    color: #d6d7d9;
    display: block;
    line-height: 44px;
    padding-left: 52px;
    background-repeat: no-repeat;
    background-size: 16px auto;
    background-position: 25px 14px;
    border-left: #404040 2px solid
}

.sidebar-scroll .menu li.current a,
.sidebar-scroll .menu li a:hover {
    background-color: #2c3138;
    color: #fff;
    border-left: #20a53a 2px solid
}

.menu .menu_home {
    background-image: url("")
}

.menu .current .menu_home,
.menu .menu_home:hover {
    background-image: url("")
}

.menu .menu_web {
    background-image: url("")
}

.menu .current .menu_web,
.menu .menu_web:hover {
    background-image: url("")
}

.menu .menu_ftp {
    background-image: url("")
}

.menu .current .menu_ftp,
.menu .menu_ftp:hover {
    background-image: url("")
}

.menu .menu_data {
    background-image: url("")
}

.menu .current .menu_data,
.menu .menu_data:hover {
    background-image: url("")
}

.menu .menu_set {
    background-image: url("")
}

.menu .current .menu_set,
.menu .menu_set:hover {
    background-image: url("")
}

.menu .menu_folder {
    background-image: url("")
}

.menu .current .menu_folder,
.menu .menu_folder:hover {
    background-image: url("")
}

.menu .menu_day {
    background-image: url("")
}

.menu .current .menu_day,
.menu .menu_day:hover {
    background-image: url("")
}

.menu .menu_control {
    background-image: url("")
}

.menu .current .menu_control,
.menu .menu_control:hover {
    background-image: url("")
}

.menu .menu_soft {
    background-image: url("")
}

.menu .current .menu_soft,
.menu .menu_soft:hover {
    background-image: url("")
}

.menu .menu_firewall {
    background-image: url("")
}

.menu .current .menu_firewall,
.menu .menu_firewall:hover {
    background-image: url("")
}

.menu .menu_exit {
    background-image: url("")
}

.menu .current .menu_exit,
.menu .menu_exit:hover {
    background-image: url("")
}

html .menu .menu_home:hover {
    background-image: url("")
}

html .menu .menu_web:hover {
    background-image: url("")
}

html .menu .menu_ftp:hover {
    background-image: url("")
}

html .menu .menu_data:hover {
    background-image: url("")
}

html .menu .menu_control:hover {
    background-image: url("")
}

html .menu .menu_firewall:hover {
    background-image: url("")
}

html .menu .menu_day:hover {
    background-image: url("")
}

html .menu .menu_soft:hover {
    background-image: url("")
}

html .menu .menu_set:hover {
    background-image: url("")
}

html .menu .menu_folder:hover {
    background-image: url("")
}

html .menu .menu_exit:hover {
    background-image: url("")
}

.pos-box {
    height: 50px;
    width: 100%;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
}

.conter-box {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
}

.position {
    background-image: url("");
    background-position: 17px 14px;
    background-repeat: no-repeat;
    background-size: 20px auto;
    line-height: 50px;
    padding-left: 30px;
}

.search {
    width: 306px
}

.ser-text {
    border: #20a53a 1px solid;
    height: 30px;
    width: 250px;
    padding: 0 8px;
    margin-top: 10px
}

.ser-sub {
    width: 38px;
    height: 30px;
    border: 0;
    background: url("") no-repeat center #20a53a;
    cursor: pointer;
    margin-right: 2px;
    margin-top: 10px
}

.title {
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #eee
}

.title h3 {
    display: inline-block;
    line-height: 50px;
    margin-right: 12px
}

.tablescroll {
    overflow: auto;
    border: #e6e6e6 1px solid;
}

.divtable {
    position: relative;
}

.table-fixed-box {
    overflow-y: auto;
}

.ui-selectable {
    padding-bottom: 0;
}

.divtable .table thead th {
    vertical-align: inherit;
    background-color: #f6f6f6;
    border-bottom: 1px solid #e6e6e6;
    color: #666;
    font-weight: normal;
    padding: 8px
}

.divtable .table_toolbar {
    left: 8px;
    bottom: 6px;
    position: absolute;
}

.table .btlink {
    word-break: break-word;
}

.table .btlinkbed {
    color: #666;
    padding: 1px 5px;
    border: 1px solid transparent;
    white-space: nowrap;
    overflow: hidden;
    float: left;
    display: block
}

.table .btlinkbed:hover {
    border: #ddd 1px solid
}

.dataTables_paginate {
    display: block;
    height: 30px;
    margin-bottom: 10px;
    margin-top: 15px;
    position: relative;
}

#filePage {
    margin-bottom: 10px;
}

.page {
    /* line-height: 16px; */
    text-align: right;
    padding: 8px 0;
    /* margin-right: 1px; */
    height: 44px;
    /* border: 1px solid #e6e6e6;*/
    border-top: none;
    margin: 0;
}

.site_type {
    height: 30px;
    line-height: 30px;
    bottom: 8px;
    position: absolute;
}

.site_type span {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    font-family: "Arial";
    font-size: 13px;
    color: #666;
    float: left;
    border: 1px solid #ececec;
    border-right: none;
    /* border: 1px solid #ececec; */
}

.site_type select {
    border-radius: 0px;
}

.site_type_table {
    padding: 15px;
    min-height: 100px;
}

.edit_site_type {
    padding: 0 15px;
}

.edit_site_type .line .info-r {
    margin-left: 0px;
}

.edit_site_type input {
    width: 80% !important;
}

.edit_site_type .btn {
    margin-right: 0px;
}

.page div {
    float: right
}

.page span,
.page a {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    padding: 0 10px;
    font-family: "Arial";
    font-size: 13px;
    color: #666;
    float: left;
    border: 1px solid #ececec;
    border-right: none;
}

.page a.prev {
    border-left: #ddd solid 1px
}

.page a:hover {
    background: #e8e8e8;
    color: #20a53a;
    text-shadow: 0 1px 0 #fff;
    cursor: pointer
}

.page spanold {
    font-size: 12px;
    padding: 4px 10px !important;
    border-style: solid;
    border-width: 1px;
    border-color: #ddd #ddd #ccc;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    display: inline-block;
    line-height: 16px;
    background: #f5f5f5;
    color: #333;
    text-shadow: 0 1px 0 #fff
}

.page .Pcurrent {
    color: #fff;
    background: #20a53a;
    cursor: default;
    border-color: #20a53a;
}

.page .Pcount {
    color: #333;
    padding: 0 10px;
    margin-right: 0px;
    border-right: 1px solid #ececec;
}

.system-info-con {
    width: 100%
}

.sys-li-box {
    height: 100px;
    background-color: #f9f9f9;
    border: #f0f0f0 1px solid;
    margin-left: 20px;
    max-width: 230px;
}

.sys-li-box .name {
    line-height: 40px;
    margin-top: 8px;
}

.sys-li-box .val a {
    font-size: 26px;
    font-family: arial;
}

.sys-i-c-box {
    box-sizing: border-box;
    max-width: 350px
}

.sys-i-c-box .siteinfo-box {
    height: 110px;
    position: relative;
    width: 100%
}

.sys-i-c-box .siteinfo-box h3 {
    background: #20a53a;
    color: #fff;
    font-style: normal;
    height: 110px;
    left: 0;
    line-height: 110px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 56px
}

.siteinfo-box-right {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    height: 110px;
    margin-left: 56px;
    overflow: hidden
}

.siteinfo-box-right h4 {
    font-size: 32px;
    height: 68px;
    line-height: 60px;
    overflow: hidden;
    padding-top: 8px;
    text-align: center
}

.siteinfo-box-right .sbr-btn {
    color: #ccc;
    display: block;
    font-size: 14px;
    height: 27px;
    line-height: 22px;
    padding-top: 5px;
    text-align: center
}

.siteinfo-box-right .sbr-btn a {
    color: #20a53a;
    font-size: 16px;
    padding: 0 10px
}

.circle-box h3,
.circle-box h4 {
    line-height: 30px
}

.circle {
    width: 100px;
    height: 100px;
    position: relative;
    border-radius: 50%;
    background: #20a53a;
    margin: 0 auto
}

.pie_left,
.pie_right {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 0;
    left: 0
}

/*.left,
.right {
    width: 100px;
    height: 100px;
    background: #ccc;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0
}*/

.pie_right {
    clip: rect(0, auto, auto, 50px);
    transition: transform 1s ease-in 0s;
    -webkit-transition: -webkit-transform 1s ease-in 0s;
    -moz-transition: -moz-transform 1s ease-in 0s
}

.pie_left {
    clip: rect(0, 50px, auto, 0);
    transition: transform .4s ease-in 1s;
    -webkit-transition: -webkit-transform .4s ease-in 1s;
    -moz-transition: -moz-transform .4s ease-in 1s
}

.mask {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    left: 6px;
    top: 6px;
    background: #FFF;
    position: absolute;
    line-height: 88px;
    font-size: 18px;
    color: #20a53a
}

@-webkit-keyframes shineGreen {
    from {
        -webkit-box-shadow: 0 0 10px #999
    }

    50% {
        -webkit-box-shadow: 0 0 15px #20a53a
    }

    to {
        -webkit-box-shadow: 0 0 10px #999
    }
}

.shine_green {
    -webkit-animation-name: shineGreen;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite
}

.mem-release {
    cursor: pointer
}

.mem-re-min {
    background: url(/static/img/ico/rocket_min.png) no-repeat center center;
    height: 35px;
    left: 35px;
    position: absolute;
    top: 2px;
    width: 20px;
    z-index: 9;
    opacity: .9;
}

.mem-re-con {
    background: url(/static/img/ico/ico-rocket.gif) no-repeat center center;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 9;
    display: none;
    top: 15px
}

.mem-release:hover .mem-re-con {
    display: block
}

.soft-man .col-lg-3 {
    border-bottom: 1px solid #ececfb;
    border-left: 1px solid #ececfb;
    border-right: 1px solid #ececfb;
    margin-right: -1px;
    margin-bottom: -1px;
    height: 148px;
    cursor: pointer;
    padding: 0
}

.soft-man .col-lg-3:hover {
    box-shadow: 0 0 38px rgba(0, 0, 0, .08) inset;
    -webkit-transition: all .25s ease;
    transition: all .25s ease
}

.soft-man .dashed-border {
    border: 1px dashed #20a53a;
    z-index: 1
}

.soft-man .no-bg:hover {
    box-shadow: 0 0 38px rgba(0, 0, 0, .01) inset;
    -webkit-transition: all .15s ease;
    transition: all .15s ease
}

.soft-man .image {
    height: 40px;
    margin: 30px 0 20px;
    text-align: center
}

.soft-man .sname {
    text-align: center;
    color: #999
}

.soft-man .col-sm-3>div {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.soft-man .spanmove {
    background: url(/static/images/move.png) no-repeat;
    width: 30px;
    height: 30px;
    display: none;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 3
}

.soft-man .col-lg-3:hover .spanmove {
    display: block
}

.soft-man .text {
    background-color: rgba(0, 0, 0, 0.3);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    display: none
}

.soft-man .text a {
    background-color: #fff;
    border-radius: 4px;
    display: block;
    height: 30px;
    line-height: 30px;
    margin: 59px auto;
    text-align: center;
    width: 100px
}

.soft-man-con p.status {
    line-height: 40px;
    margin-bottom: 10px;
    font-size: 14px
}

.soft-man-con .sfm-opt .btn {
    margin-right: 15px
}

.soft-man .sname .glyphicon-True {
    color: #20a53a;
    margin-left: 10px
}

.soft-man .sname .glyphicon-False {
    color: red;
    margin-left: 10px
}

.soft-man {
    position: relative
}

.soft-man .rowbg {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.soft-man .rowbg .col-lg-3 {
    cursor: default
}

.soft-man .rowbg .col-lg-3:hover {
    box-shadow: 0 0 38px rgba(0, 0, 0, .01) inset;
    -webkit-transition: all .15s ease;
    transition: all .15s ease
}

.bw-info {
    height: 80px;
}

.bw-info>div {
    float: left;
    padding-top: 25px;
    text-align: center;
}

.bw-info>div p {
    margin-bottom: 7px;
}

.bw-info>div a {
    font-size: 14px;
    color: #666;
}

.bw-info .ico-up {
    width: 14px;
    height: 8px;
    background-color: #f7b851;
    display: inline-block;
    margin-right: 3px;
}

.bw-info .ico-down {
    width: 14px;
    height: 8px;
    background-color: #52a9ff;
    display: inline-block;
    margin-right: 3px;
}

.bw-info ul li {
    height: 56px;
    line-height: 56px
}

.bw-info ul li.bi-line {
    border-bottom: #ddd solid 1px
}

.bw-info ul li span {
    display: block;
    margin-right: 15px
}

.btn-zhm {
    border-radius: 0 3px 0 0;
    display: none;
    position: absolute;
    right: 42px;
    top: 0
}

.line {
    padding: 5px 0
}

.line .span_tit {
    display: inline-block;
    text-align: right;
    width: 64px
}

.line .tname {
    display: block;
    float: left;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    padding-right: 20px;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100px
}

.line .info-r {
    margin-bottom: 5px;
    margin-left: 100px;
    position: relative
}

.placeholder {
    cursor: text;
    left: 20px;
    line-height: 24px;
    position: absolute;
    top: 27px
}

.bt-form-submit-btn {
    background: #f6f8f8;
    border-top: 1px solid #edf1f2;
    bottom: 0;
    left: 0;
    padding: 8px 20px 10px;
    position: absolute;
    text-align: right;
    width: 100%
}

.bt-form-submit-btn .btn:first-child {
    margin-right: 4px
}

.btn-danger {
    background-color: #cbcbcb;
    border-color: #cbcbcb;
    color: #fff
}

.bt-w-main {
    height: 555px
}

.bt-form {
    height: 100%
}

.bt-w-menu {
    float: left;
    background-color: #f0f0f1;
    height: 100%;
    width: 110px
}

.bt-w-menu p {
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden
}

.bt-w-menu p a {
    display: block
}

.bt-w-menu p .spanmove {
    display: none
}

.bt-w-con {
    margin-left: 110px;
    position: relative;
    height: 100%;
}

.label-input-group input {
    margin-top: 0;
    margin-right: 5px;
    vertical-align: -2px
}

.label-input-group label {
    margin-bottom: 0;
    font-weight: normal
}

.bingfa .line {
    margin-bottom: 10px
}

.bingfa .line .span_tit {
    text-align: right;
    width: 120px;
    display: inline-block
}

.bingfa .bt-input-text {
    width: 100px
}

.ssl-con-key {
    width: 47%
}

.ssl-con-key textarea {
    height: 240px;
    line-height: 18px;
    width: 100%;
    margin-top: 5px
}

.ssh-item {
    float: left;
    margin-left: 10px;
    padding-top: 5px
}

.ss-text em {
    color: #555;
    float: left;
    font-style: normal;
    line-height: 32px;
    padding-right: 2px
}

.view1,
.view2 {
    margin-bottom: 15px
}

.searcTime {
    position: relative;
    z-index: 999;
    margin-top: 11px
}

.searcTime .tit {
    float: left;
    padding: 5px 10px;
    display: none
}

.searcTime .gt {
    padding: 5px 10px;
    border: #ddd 1px solid;
    margin-right: -1px;
    cursor: pointer;
    float: left;
    line-height: 16px
}

.searcTime .gt.on,
.searcTime .gt:hover,
.searcTime .ss .st:hover,
.searcTime .ss .st.on {
    background-color: #20a53a;
    color: #fff
}

.searcTime .ss {
    display: inline-block;
    position: relative;
    float: left;
    line-height: 16px
}

.searcTime .ss .st {
    padding: 5px 10px;
    border: #ddd 1px solid;
    margin-right: -1px;
    cursor: pointer;
    float: left
}

.searcTime .ss .time {
    background-color: #fff;
    border: 1px solid #ddd;
    display: none;
    padding: 10px;
    position: absolute;
    right: -1px;
    top: 27px;
    width: 217px;
    z-index: 99
}

.searcTime .ss .time span {
    margin-bottom: 10px;
    display: block
}

.searcTime .ss .time input {
    border: 1px solid #ddd;
    height: 22px;
    padding: 0 5px;
    width: 132px
}

.searcTime .ss .time input:focus {
    border: #66afe9 1px solid;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.searcTime .ss .sbtn {
    background-color: #20a53a;
    border: 1px solid #20a53a;
    color: #fff;
    line-height: 24px;
    text-align: center;
    cursor: pointer
}

.plan {
    padding: 10px 20px;
    margin-bottom: 10px
}

.plan .typename {
    line-height: 34px;
    width: 120px
}

.plan .textname {
    height: 34px;
    line-height: 34px;
    float: left
}

.plan .planname input {
    height: 34px;
    width: 260px;
    padding: 0 12px
}

.plan .dropdown button b {
    font-weight: normal
}

.plan .dropdown-menu {
    min-width: 100px
}

.dropdown-menu>li>a {
    padding: 3px 12px
}

.plan-submit {
    margin-left: 141px
}

.plan_hms {
    position: relative;
    height: 34px
}

.plan_hms span {
    float: left;
    height: 32px;
    line-height: 32px;
    position: relative
}

.plan_hms .name {
    border-left: 1px solid #ccc;
    width: 44px;
    text-align: center;
    background-color: #f6f6f6
}

.planSign {
    margin-left: 10px;
    height: 35px;
    line-height: 35px
}

.planSign i {
    margin-right: 8px;
    font-size: 12px;
    font-style: initial;
    color: red
}

.plan_hms span input {
    float: left;
    width: 48px;
    height: 32px;
    line-height: 32px;
    border: 0;
    text-align: center;
    font-size: 12px
}

.plan_hms span:first-child input {
    border-radius: 4px 0 0 4px
}

.plan_hms span:last-child {
    border-radius: 0 4px 4px 0
}

.plan .dropdown button {
    width: 94px
}

.txtsjs {
    width: 260px;
    height: 80px
}

.sl-s-info {
    width: 124px;
    border: #ccc 1px solid
}

.rec-install {
    padding: 16px;
    width: 100%;
    float: left
}

.rec-install .rec-box {
    width: 290px;
    float: left
}

.rec-install h3 {
    font-size: 20px;
    margin-bottom: 5px
}

.rec-box-con {
    border: #ddd 1px solid;
    border-radius: 3px;
    padding: 10px
}

.rec-install .rec-box:hover .rec-box-con,
.rec-box-con-hover {
    background-color: #f9f9f9;
    border: #20a53a 1px solid
}

.rec-box-con .ico img {
    width: 22px;
    margin-right: 10px
}

.rec-box-con ul li {
    line-height: 26px;
    margin-bottom: 5px
}

.fangshi {
    line-height: 19px;
    margin-top: 10px;
    display: block;
    margin-bottom: 15px
}

.fangshi label {
    font-weight: normal;
    margin-right: 44px;
    float: right
}

.fangshi label input {
    vertical-align: -2px;
    margin-left: 5px
}

.zun-form-new .fangshi {
    padding: 0 30px 0;
    line-height: 30px
}

.zun-form-new .fangshi label {
    height: 20px;
    line-height: 20px;
    margin: 4px 20px 0 0
}

.zun-form-new .version {
    padding: 0 30px
}

.zun-form-new .version select {
    height: 28px;
    margin-left: 30px;
    width: 120px
}

.sec-install-btn {
    font-family: "宋体";
    width: 90px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #20a53a;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    margin-top: 10px
}

.rec-box-con .onekey {
    font-family: "宋体";
    width: 90px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #20a53a;
    border-radius: 3px;
    color: #fff;
    margin: 20px auto 15px;
    cursor: pointer
}

.rec-box-con .onekey:hover,
.sec-install-btn:hover {
    background: #10952a;
    background: linear-gradient(#10952a, #088d22)
}

.phppz {
    margin: 14px 0
}

.phppz span {
    padding: 10px
}

.phppz textarea {
    width: 500px;
    margin: 0;
    vertical-align: bottom;
    padding: 0 5px;
    height: 38px;
    margin-right: 20px
}

.soft-man-con .user_pw {
    display: none;
    margin-top: 30px
}

.soft-man-con .user_pw_tit {
    margin-top: 30px;
    padding-top: 30px;
    border-top: #ccc 1px dashed
}

.soft-man-con .user_pw p {
    margin-bottom: 15px
}

.soft-man-con .user_pw_tit .tit {
    float: left;
    line-height: 22px
}

.soft-man-con .user_pw span,
.soft-man-con .user_pw_tit span {
    width: 75px;
    display: inline-block;
    text-align: left;
}

.soft-man-con .user_pw span {
    margin-right: 10px
}

.btswitch-p {
    margin-left: 10px
}

.soft-man-con .user_pw input {
    width: 200px
}

.soft-man-con .conf_p {
    margin-bottom: 10px
}

.soft-man-con .conf_p input {
    width: 100px
}

.soft-man-con .funarea {
    width: 100%;
    height: 80px;
    line-height: 22px;
    margin-bottom: 10px
}

.soft-man-con .ver .btn {
    vertical-align: 0;
    margin-left: 10px;
}

.webEdit-box .soft-man-con .phpmyadmindk {
    width: 100px;
    display: inline-block;
    margin: 0;
    padding-right: 0
}

.softlist td img {
    max-width: 25px;
    max-height: 25px;
    margin-right: 5px;
    margin-top: -1px;
    margin-bottom: -1px;
}

.softlist .glyphicon-folder-open {
    cursor: pointer;
    color: #efd566
}

.softlist .btswitch+.btswitch-btn {
    width: 2.4em;
    height: 1.4em;
    margin-bottom: 0
}

.wafConf_checkbox label {
    font-weight: normal;
    margin-right: 20px
}

.wafConf button {
    vertical-align: 0
}

.wafConf_cc {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    margin: 10px 0;
    padding: 15px 0
}

.wafConf_cc span {
    margin-right: 5px
}

.wafConf fieldset {
    border: 1px solid #ccc;
    border-radius: 3px;
    float: left;
    padding-bottom: 0;
    width: 240px
}

.wafConf fieldset:nth-of-type(2) {
    margin: 0 10px
}

.wafConf legend {
    border: 0 none;
    font-size: 14px;
    margin: 0 6px;
    padding: 3px;
    width: auto
}

.wafConf fieldset input {
    margin-left: 4px
}

.wafConf fieldset .table {
    margin-top: -1px;
    margin-bottom: 0
}

.wafConf fieldset .table tr td:nth-of-type(2) {
    width: 42px
}

.wafConf fieldset .table-overflow {
    height: 210px;
    overflow: auto;
    margin-top: 10px;
    border-top: #ddd 1px solid
}

.wafConf-btn {
    border-bottom: #ddd 1px solid;
    margin-bottom: 12px;
    padding-bottom: 15px;
    height: 45px
}

.wafConf-btn span {
    float: left;
    margin-right: 8px;
    line-height: 33px
}

.wafConf-btn .btn {
    margin-right: 10px
}

.wafConf-btn .ssh-item {
    margin-right: 50px
}

.gzEdit {
    padding: 13px 20px
}

.gzEdit button {
    margin: 8px;
    width: 140px
}

.setting-con p {
    line-height: 30px
}

.setting-con p .set-tit {
    display: inline-block;
    height: 22px;
    margin-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: -2px;
    width: 90px
}

.setting-con p .disable {
    background-color: #ededed
}

.setting-con p .inputtxt {
    width: 260px
}

.setting-con p .modify {
    margin-left: -40px;
    vertical-align: 0;
    position: relative;
    z-index: 10
}

.setting-con p .set-info {
    margin-left: 20px
}

.set-submit {
    margin: 20px 0 10px 100px
}

.changepath {
    height: 500px
}

.changepath .path-top {
    height: 50px;
    line-height: 50px;
    padding-left: 10px;
    border-bottom: #aaa 1px solid
}

.changepath .path-top .btn {
    margin-right: 10px
}

.changepath .path-top .btn span {
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
}

.changepath .path-top .place {
    display: inline-block
}

.changepath .path-top .place span {
    color: #444;
    font-size: 12px;
    font-weight: bold
}

.changepath .path-con-left {
    width: 130px;
    height: 450px;
    float: left;
    border-right: #aaa 1px solid;
    padding-top: 5px
}

.changepath .path-con-left dl dt {
    background: url("../img/ico-computer.png") no-repeat left center;
    height: 30px;
    line-height: 30px;
    padding-left: 23px;
    font-size: 14px;
    font-weight: normal;
    margin-left: 10px
}

.changepath .path-con-left dl dd {
    line-height: 30px;
    padding-left: 12px;
    cursor: pointer
}

.changepath .path-con-left dl dd span {
    color: #666
}

.changepath .path-con-right {
    float: left;
    height: 450px;
    overflow: auto;
    width: 520px
}

.changepath .path-con-right .default li {
    width: 25%;
    float: left;
    text-align: center;
    margin-top: 20px;
    cursor: pointer
}

.changepath .path-con-right .default li span {
    font-size: 40px;
    color: #666
}

.path-con-right .file-list {
    display: none
}

.path-con-right .list-list td {
    padding-left: 10px;
    cursor: pointer
}

.list-list span.glyphicon {
    color: #666;
    margin-right: 10px;
    font-size: 18px
}

.list-list span.glyphicon-folder-open {
    color: #edca5c
}

.list-list span.glyphicon-cloud-download {
    font-size: 12px
}

.newFolderName {
    border: #ccc 1px solid;
    height: 30px;
    padding: 0 5px;
    width: 90%
}

.path-con-right .list-list td .delfile-btn {
    display: none;
    float: right;
    font-size: 14px;
    text-align: center;
    width: 18px
}

.path-con-right .list-list td .delfile-btn:hover {
    color: red
}

.path-con-right .list-list tr:hover .delfile-btn {
    display: block
}

.path-con-right .list-list td .btn-xs {
    margin-top: 4px
}

.getfile-btn {
    background: #f6f8f8 none repeat scroll 0 0;
    border-top: 1px solid #edf1f2;
    padding: 8px 20px 10px;
    text-align: right;
    width: 100%
}

.success-msg {
    width: 100%;
    padding: 30px 50px;
    font-family: "Microsoft Yahei";
    float: left;
    position: relative
}

.success-msg .pic {
    position: absolute;
    top: 50%;
    margin-top: -100px
}

.success-msg .pic img {
    width: 158px
}

.success-msg .suc-con {
    float: right;
    width: 260px
}

.success-msg .suc-con h3 {
    font-size: 16px;
    margin-bottom: 15px
}

.success-msg .suc-con p {
    line-height: 23px
}

.success-msg .suc-con .p1 {
    border-bottom: 1px dashed #aaa;
    color: #000;
    height: 30px;
    margin-bottom: 8px
}

.success-msg .bottom-btn {
    margin-top: 60px;
    width: 100%;
    float: left;
}

.success-msg .bottom-btn a {
    width: 200px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    border-radius: 5px;
    margin-left: 30px;
    color: #fff;
    font-size: 16px;
    cursor: pointer
}

.success-msg .bottom-btn .close-btn {
    background-color: #cbcbcb
}

.success-msg .bottom-btn .blue-btn {
    background-color: #5cb85c
}

.tasklist {
    padding: 15px
}

.tab-nav {
    border-bottom: #cacad9 1px solid
}

.tab-nav span {
    background-color: #ddd;
    background: -moz-linear-gradient(top, #f6f6f6, #ddd);
    background: -webkit-gradient(linear, 0% 0, 0% 100%, from(#f6f6f6), to(#ddd));
    background: -ms-linear-gradient(top, #f6f6f6, #ddd);
    height: 32px;
    line-height: 32px;
    padding: 0 12px;
    border: #cacad9 1px solid;
    color: #444;
    display: inline-block;
    margin: 0 3px -1px 0;
    cursor: pointer;
    position: relative;
}

.tab-nav .on {
    background: #fff;
    border-bottom: #fff 1px solid;
    color: #444
}

.tab-con {
    overflow: auto;
    padding: 10px
}

.tab-con ul.cmdlist {
    list-style-type: decimal
}

.tab-con ul.cmdlist li {
    position: relative;
    list-style-type: decimal;
    list-style-position: inside;
    line-height: 40px;
    border-bottom: #dbdbea 1px solid;
    margin-top: 6px
}

.tab-con ul.cmdlist li .com-progress,
.tab-con ul.cmdlist li .state,
.opencmd {
    float: right;
    margin-left: 20px;
    color: #535362
}

.tab-con ul.cmdlist li .line-progress {
    position: absolute;
    bottom: -1px;
    left: 0;
    height: 1px;
    background-color: #20a53a
}

.tab-con ul.cmdlist li .cmd {
    border: 0 none;
    border-radius: 0;
    display: block;
    width: 570px;
    height: 200px;
    line-height: 22px;
    padding: 0 10px;
    background-color: #333;
    color: #eee;
    overflow: auto
}

.yuandian {
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #20a53a;
    z-index: 999999
}

.DrawRecordL i,
.DrawRecordR-T i {
    background: url(/static/img/Detailsbg.png) no-repeat
}

.DrawRecordCon {
    font-size: 14px;
    height: 422px;
    overflow: auto
}

.DrawRecord {
    background: url(/static/img/DrawRecordord.png) repeat-y -204px center;
    margin: 0 auto;
    overflow: hidden;
    line-height: 22px
}

.DrawRecordlist {
    padding-top: 6px
}

.DrawRecord .DrawRecordL {
    float: left;
    color: #9a9a9a;
    margin-top: 9px;
    padding-right: 22px;
    position: relative;
    text-align: right;
    width: 110px
}

.DrawRecord .DrawRecordL i {
    background-position: 0 0;
    display: inline-block;
    height: 5px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 9px;
    width: 16px
}

.DrawRecord .DrawRecordR {
    margin: 1px 1px 30px 112px;
    color: #666;
    padding-right: 5px
}

.DrawRecord .DrawRecordR h3 {
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 5px
}

.footer {
    bottom: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    line-height: 50px
}

.bingfa {
    padding: 10px 0 60px 0
}

.bingfa p {
    margin-bottom: 10px
}

.bingfa p .span_tit {
    display: inline-block;
    text-align: right;
    width: 120px
}

.bingfa p input {
    border: 1px solid #ccc;
    height: 30px;
    line-height: 30px;
    padding-left: 5px;
    border-radius: 3px;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.bingfa p input:focus,
.bingfa p input:active {
    border: #66afe9 1px solid;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.bingfa .submit-btn {
    background: #f6f8f8 none repeat scroll 0 0;
    border-top: 1px solid #edf1f2;
    bottom: 0;
    left: 0;
    padding: 8px 20px 10px;
    position: absolute;
    text-align: right;
    width: 100%
}

.bingfa .submit-btn .btn-danger {
    margin-right: 5px
}

.transfer .backupdata {
    height: 150px
}

.selectdata .slabel {
    font-weight: normal;
    margin: 10px 41px 10px 0
}

.selectdata .slabel input {
    margin-right: 5px;
    margin-top: 0;
    vertical-align: -2px
}

.backupbtn {
    margin: 20px 0;
    width: 100%
}

.neice_con {
    padding: 7px 20px 20px
}

.neice_con .tit {
    font-weight: bold;
    line-height: 30px;
    color: #777
}

.neice_con .nc_con {
    background-color: #fdfdfd;
    border: 1px solid #ddd;
    line-height: 28px;
    padding: 10px;
    border-radius: 3px
}

.nc_opt {
    padding-top: 6px;
    text-align: right;
    height: 24px
}

.neice_con .nc_opt input {
    margin-right: 6px;
    vertical-align: -2px
}

.neice_con .nc_opt label {
    float: right;
    width: 150px
}

.nc_con_user p {
    margin: 15px 0
}

.nc_con p span {
    width: 80px;
    display: inline-block
}

.nc_con p input {
    background-color: #fff;
    border: #ccc 1px solid;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    width: 280px
}

.nc_con p input.disabled {
    background-color: #eee
}

.nc-tips {
    padding: 20px
}

.nc-tips p {
    line-height: 30px
}

.nc-tips p span {
    font-size: 14px;
    font-weight: bold
}

.nc-tips p a {
    color: #20a53a
}

#BarTools .glyphicon {
    color: #666
}

#BarTools .glyphicon:hover {
    color: #fff
}

.list-list .ico {
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 30px;
    margin-right: 10px;
    width: 33px;
    z-index: 1;
    float: left
}

.fileList .ico {
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 80px;
    margin: 12px auto 4px;
    width: 84px;
    z-index: 1
}

.list-list .column-name .text {
    color: #595c5f;
    display: inline-block;
    max-width: 85%;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 30px
}

.list-list .column-name .cursor {
    display: inline-block;
    cursor: pointer;
    width: 200px\9
}

.table>tbody>tr>td {
    vertical-align: middle
}

.showpicdiv {
    max-height: 500px;
    overflow: hidden;
    width: 500px
}

#BarTools {
    font-size: 16px;
    float: left;
    margin-right: 20px
}

#BarTools>button {
    top: 0
}

.comlist {
    float: left;
    line-height: 28px;
    margin-right: 10px
}

.comlist>span {
    margin-right: 20px;
    font-size: 14px;
    float: left;
    padding: 0 10px;
    border: #fff 1px solid;
    border-radius: 3px;
    cursor: pointer
}

.comlist>span:hover {
    border: #ccc 1px solid;
    border-radius: 3px;
    background-color: #f3f3f3
}

.PathPlaceText {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #fff
}

.PathPlace {
    color: #666;
    float: left;
    font-size: 16px;
    line-height: 30px;
    margin-right: 5px;
    width: 170px\9;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.PathPlaceInfo {
    font-size: 14px;
    line-height: 30px;
    float: left;
    margin-right: 20px;
    color: #999
}

.onPath {
    float: left;
    line-height: 30px;
    font-size: 14px;
    color: #666
}

.editmenu span {
    display: none;
    text-align: right;
    width: 300px
}

.table tr.hover,
.table tr.on,
.ui-selecting,
.ui-selected {
    background-color: #f5f5f5
}

.table tr.on .editmenu span,
.table tr.ui-selected .editmenu span,
.table tr.ui-selecting .editmenu span,
.table tr:hover .editmenu span {
    display: inline
}

.ui-selectable-helper {
    background: #6bb0c9;
    border: 1px dotted #072246;
    opacity: .25;
    overflow: hidden;
    position: absolute;
    z-index: 99999
}

.list-list .ico-folder {
    background-image: url("")
}

.list-list .ico-folder-unempty {
    background-image: url("")
}

.list-list .ico-access,
.list-list .ico-mdb,
.list-list .ico-accdb,
.list-list .ico-db,
.list-list .ico-sql {
    background-image: url("")
}

.list-list .ico-c {
    background-image: url("")
}

.list-list .ico-cpp {
    background-image: url("")
}

.list-list .ico-cs {
    background-image: url("")
}

.list-list .ico-fla,
.list-list .ico-flv {
    background-image: url("")
}

.list-list .ico-css {
    background-image: url("")
}

.list-list .ico-js {
    background-image: url("")
}

.list-list .ico-htm {
    background-image: url("")
}

.list-list .ico-html {
    background-image: url("")
}

.list-list .ico-java {
    background-image: url("")
}

.list-list .ico-log {
    background-image: url("")
}

.list-list .ico-mht {
    background-image: url("")
}

.list-list .ico-php {
    background-image: url("")
}

.list-list .ico-url {
    background-image: url("")
}

.list-list .ico-xml {
    background-image: url("")
}

.list-list .ico-ai {
    background-image: url("")
}

.list-list .ico-bmp {
    background-image: url("")
}

.list-list .ico-cdr {
    background-image: url("")
}

.list-list .ico-gif {
    background-image: url("")
}

.list-list .ico-ico {
    background-image: url("")
}

.list-list .ico-jpeg {
    background-image: url("")
}

.list-list .ico-jpg,
.list-list .ico-JPG {
    background-image: url("")
}

.list-list .ico-png {
    background-image: url("")
}

.list-list .ico-psd {
    background-image: url("")
}

.list-list .ico-webp {
    background-image: url("")
}

.list-list .ico-ape {
    background-image: url("")
}

.list-list .ico-avi {
    background-image: url("")
}

.list-list .ico-flv {
    background-image: url("")
}

.list-list .ico-mkv {
    background-image: url("")
}

.list-list .ico-mov {
    background-image: url("")
}

.list-list .ico-mp3 {
    background-image: url("")
}

.list-list .ico-mp4 {
    background-image: url("")
}

.list-list .ico-mpeg {
    background-image: url("")
}

.list-list .ico-mpg {
    background-image: url("")
}

.list-list .ico-rm {
    background-image: url("")
}

.list-list .ico-rmvb {
    background-image: url("")
}

.list-list .ico-swf {
    background-image: url("")
}

.list-list .ico-wav {
    background-image: url("")
}

.list-list .ico-webm {
    background-image: url("")
}

.list-list .ico-wma {
    background-image: url("")
}

.list-list .ico-wmv {
    background-image: url("")
}

.list-list .ico-doc,
.list-list .ico-docm,
.list-list .ico-dotx,
.list-list .ico-dotm,
.list-list .ico-dot,
.list-list .ico-rtf {
    background-image: url("")
}

.list-list .ico-docx {
    background-image: url("")
}

.list-list .ico-pdf,
.list-list .ico-fdf {
    background-image: url("")
}

.list-list .ico-ppt,
.list-list .ico-pptm,
.list-list .ico-pot,
.list-list .ico-potm {
    background-image: url("")
}

.list-list .ico-pptx {
    background-image: url("")
}

.list-list .ico-txt {
    background-image: url("")
}

.list-list .ico-xls,
.list-list .ico-csv,
.list-list .ico-xlsm,
.list-list .ico-xlsb {
    background-image: url("")
}

.list-list .ico-xlsx {
    background-image: url("")
}

.list-list .ico-7z {
    background-image: url("")
}

.list-list .ico-cab {
    background-image: url("")
}

.list-list .ico-iso {
    background-image: url("")
}

.list-list .ico-rar {
    background-image: url("")
}

.list-list .ico-zip {
    background-image: url("")
}

.list-list .ico-gz {
    background-image: url("")
}

.list-list .ico-bt {
    background-image: url("")
}

.list-list .ico-file {
    background-image: url("")
}

.list-list .ico-apk {
    background-image: url("")
}

.fileList .ico-bookfolder {
    background-image: url("")
}

.fileList .ico-folder {
    background-image: url("")
}

.fileList .ico-folder-empty {
    background-image: url("")
}

.fileList .ico-folder-unempty {
    background-image: url("")
}

.fileList .ico-fromchromefolder {
    background-image: url("")
}

.fileList .ico-documentfolder {
    background-image: url("")
}

.fileList .ico-fromphonefolder {
    background-image: url("")
}

.fileList .ico-mix {
    background-image: url("")
}

.fileList .ico-musicfolder {
    background-image: url("")
}

.fileList .ico-picturefolder {
    background-image: url("")
}

.fileList .ico-videofolder {
    background-image: url("")
}

.fileList .ico-sefolder {
    background-image: url("")
}

.fileList .ico-access,
.fileList .ico-mdb,
.fileList .ico-accdb,
.fileList .ico-sql,
.fileList .ico-db {
    background-image: url("../img/ico/ico-access.png")
}

.fileList .ico-c {
    background-image: url("../img/ico/ico-c.png")
}

.fileList .ico-cpp {
    background-image: url("../img/ico/ico-cpp.png")
}

.fileList .ico-cs {
    background-image: url("../img/ico/ico-cs.png")
}

.fileList .ico-js {
    background-image: url("../img/ico/ico-js.png")
}

.fileList .ico-fla,
.fileList .ico-flv {
    background-image: url("")
}

.fileList .ico-htm {
    background-image: url("../img/ico/ico-htm.png")
}

.fileList .ico-html {
    background-image: url("../img/ico/ico-html.png")
}

.fileList .ico-java {
    background-image: url("../img/ico/ico-java.png")
}

.fileList .ico-log {
    background-image: url("")
}

.fileList .ico-mht {
    background-image: url("../img/ico/ico-mht.png")
}

.fileList .ico-php {
    background-image: url("../img/ico/ico-php.png")
}

.fileList .ico-url {
    background-image: url("../img/ico/ico-url.png")
}

.fileList .ico-xml {
    background-image: url("../img/ico/ico-xml.png")
}

.fileList .ico-ai {
    background-image: url("")
}

.fileList .ico-bmp {
    background-image: url("../img/ico/ico-bmp.png")
}

.fileList .ico-cdr {
    background-image: url("../img/ico/ico-cdr.png")
}

.fileList .ico-gif {
    background-image: url("../img/ico/ico-gif.png")
}

.fileList .ico-ico {
    background-image: url("")
}

.fileList .ico-jpeg {
    background-image: url("../img/ico/ico-jpeg.png")
}

.fileList .ico-jpg,
.fileList .ico-JPG {
    background-image: url("../img/ico/ico-jpg.png")
}

.fileList .ico-png {
    background-image: url("../img/ico/ico-png.png")
}

.fileList .ico-psd {
    background-image: url("../img/ico/ico-psd.png")
}

.fileList .ico-webp {
    background-image: url("../img/ico/ico-webp.png")
}

.fileList .ico-ape {
    background-image: url("")
}

.fileList .ico-avi {
    background-image: url("../img/ico/ico-avi.png")
}

.fileList .ico-flv {
    background-image: url("../img/ico/ico-flv.png")
}

.fileList .ico-mkv {
    background-image: url("../img/ico/ico-mkv.png")
}

.fileList .ico-mov {
    background-image: url("../img/ico/ico-mov.png")
}

.fileList .ico-mp3 {
    background-image: url("")
}

.fileList .ico-mp4 {
    background-image: url("../img/ico/ico-mp4.png")
}

.fileList .ico-mpeg {
    background-image: url("../img/ico/ico-mpeg.png")
}

.fileList .ico-mpg {
    background-image: url("../img/ico/ico-mpg.png")
}

.fileList .ico-rm {
    background-image: url("../img/ico/ico-rm.png")
}

.fileList .ico-rmvb {
    background-image: url("../img/ico/ico-rmvb.png")
}

.fileList .ico-swf {
    background-image: url("../img/ico/ico-swf.png")
}

.fileList .ico-wav {
    background-image: url("")
}

.fileList .ico-webm {
    background-image: url("../img/ico/ico-webm.png")
}

.fileList .ico-wma {
    background-image: url("../img/ico/ico-wma.png")
}

.fileList .ico-wmv {
    background-image: url("../img/ico/ico-wmv.png")
}

.fileList .ico-doc,
.fileList .ico-docm,
.fileList .ico-dotx,
.fileList .ico-dotm,
.fileList .ico-dot,
.fileList .ico-rtf {
    background-image: url("../img/ico/ico-doc.png")
}

.fileList .ico-docx {
    background-image: url("../img/ico/ico-docx.png")
}

.fileList .ico-pdf,
.fileList .ico-fdf {
    background-image: url("../img/ico/ico-pdf.png")
}

.fileList .ico-ppt,
.fileList .ico-pptm,
.fileList .ico-pot,
.fileList .ico-potm {
    background-image: url("")
}

.fileList .ico-pptx {
    background-image: url("../img/ico/ico-pptx.png")
}

.fileList .ico-txt {
    background-image: url("")
}

.fileList .ico-xls,
.fileList .ico-csv,
.fileList .ico-xlsm,
.fileList .ico-xlsb {
    background-image: url("../img/ico/ico-xls.png")
}

.fileList .ico-xlsx {
    background-image: url("../img/ico/ico-xlsx.png")
}

.fileList .ico-7z {
    background-image: url("")
}

.fileList .ico-gz {
    background-image: url("")
}

.fileList .ico-cab {
    background-image: url("")
}

.fileList .ico-iso {
    background-image: url("")
}

.fileList .ico-rar {
    background-image: url("")
}

.fileList .ico-zip {
    background-image: url("")
}

.fileList .ico-bt {
    background-image: url("../img/ico/ico-bt.png")
}

.fileList .ico-file {
    background-image: url("")
}

.fileList .ico-apk {
    background-image: url("../img/ico/ico-apk.png")
}

.fileList .ico-css {
    background-image: url("../img/ico/ico-css.png")
}

.ico-cmd {
    background: url("../img/soft_ico/ico-cmd.png") no-repeat center center;
    height: 18px;
    width: 16px;
    display: block
}

.btn:hover .ico-cmd {
    background: url("../img/soft_ico/ico-cmd-hover.png") no-repeat center center;
    height: 18px;
    width: 16px;
    display: block
}

.fileUploadDiv {
    padding: 10px
}

#file_input {
    display: none
}

#up_box {
    background-color: #fafbfe;
    border: #e4e5e9 1px solid;
    margin: 0;
    padding: 10px;
    clear: both;
    height: 360px;
    overflow: auto
}

#up_box li {
    list-style-type: none;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    width: 100%;
    margin: 0 0 5px;
    padding: 0
}

#up_box li .filename {
    display: inline-block;
    height: 30px;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 240px
}

#up_box li .filesize {
    color: #999;
    display: inline-block;
    height: 30px;
    overflow: hidden
}

.fileUploadDiv button {
    float: left;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    width: 75px;
    height: 30px;
    color: #fff;
    margin-bottom: 10px;
    cursor: pointer
}

#up {
    background-color: #5cb85c;
    border-color: #4cae4c;
    color: #fff;
    text-align: center;
    margin-left: 10px;
    position: absolute;
    bottom: 0;
    right: 10px
}

#filesClose {
    position: absolute;
    bottom: 0;
    right: 95px;
    background-color: #cbcbcb;
    border-color: #cbcbcb;
    color: #fff
}

#opt {
    background-color: #4592f0;
    border-color: #367fa9
}

#up_box li em {
    font-style: normal;
    color: #06F;
    float: right;
    margin-right: 10px
}

.cancel {
    float: right;
    cursor: pointer;
    color: #c00
}

#textBody {
    min-height: 450px;
    _height: 450px
}

#filesClose:hover {
    background-color: #c9302c;
    border-color: #ac2925;
    color: #fff
}

#up:hover {
    background-color: #449d44;
    border-color: #398439
}

#totalProgress progress {
    width: 180px;
    height: 10px;
    border: 1px solid #ccc;
    background-color: #e6e6e6;
    color: #0064b4;
    opacity: .9
}

#totalProgress p {
    color: #666
}

.setchmod fieldset {
    margin-left: 15px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    float: left;
    width: 114px;
    padding-bottom: 10px;
    border-radius: 3px
}

.setchmod legend {
    padding: 3px;
    border: 0;
    width: auto;
    margin: 0 6px;
    font-size: 14px
}

.setchmod fieldset p {
    margin-left: 10px
}

.setchmod fieldset p input {
    position: relative;
    top: 2px;
    margin-right: 5px
}

.setchmodnum {
    clear: both;
    margin: 0 15px -10px
}

.setchmodnum #access,
#chown {
    width: 60px;
    margin-right: 5px;
    height: 28px
}

.setchmodnum span {
    margin-left: 10px
}

#chown {
    margin-left: 5px
}

.shellcode {
    margin-bottom: 5px;
    height: 490px;
    overflow: auto
}

.shellcode pre {
    background-color: #111;
    color: white;
    padding: 5px 10px;
    border: 0 none;
    border-radius: 0;
    min-height: 490px;
    margin: 0
}

#mExec {
    width: 89%;
    margin-top: 0;
    float: left
}

.editmenu {
    text-align: right
}

#filesBody {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.folderBox input {
    display: none
}

.fileList>div:hover,
.fileList div.ui-selecting {
    background: #f6f8fd;
    border-color: #d3dfec
}

.fileList div.active,
.fileList div.focus,
.fileList div.ui-selected {
    background: #eff3f9 none repeat scroll 0 0;
    border-color: #bcccde
}

.fileList .file {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 2px;
    display: inline-block;
    height: 136px;
    margin: 0 5px 10px 0;
    text-align: center;
    width: 112px
}

.fileList div.file {
    transition: all .2s ease 0s
}

.fileList .file .titleBox {
    color: #595c5f;
    display: block;
    height: 23px;
    line-height: 23px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    width: 100px;
    margin-left: 5px
}

#DirPathPlace {
    display: none;
    padding: 0
}

#DirPathPlace>input {
    border: 1px solid #ccc;
    height: 28px;
    line-height: 28px;
    padding: 0 5px;
    width: 280px
}

#DirPathPlace>input:active,
#DirPathPlace>input:focus {
    border: #66afe9 1px solid;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

#PathPlaceBtn {
    background-color: #f3f3f3;
    border: 1px solid #ccc;
    height: 28px;
    line-height: 26px;
    padding: 0;
    width: 290px;
    cursor: text;
    overflow: hidden
}

#PathPlaceBtn ul {
    display: inline-block;
    height: 26px;
    width: auto;
    position: relative
}

#PathPlaceBtn li {
    background: url("../img/ico/ico-ltr.png") no-repeat right center;
    padding-left: 10px;
    padding-right: 18px;
    float: left;
    height: 26px;
    line-height: 26px
}

#PathPlaceBtn li a {
    display: inline-block;
    cursor: pointer;
    height: 26px;
    line-height: 26px
}

.backBtn {
    color: #666;
    border-radius: 0;
    height: 28px;
    line-height: 8px;
    margin-right: -1px;
    margin-top: -1px
}

#tipTools {
    background: #fff url(/static/img/ico_line.png) repeat-x 0 55px;
    height: 110px;
    border-bottom: #ccc 1px solid;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
}

.re-head {
    border-bottom: 1px solid #ccc;
    float: left;
    padding: 15px 20px;
    width: 100%
}

.re-con {
  float: left;
  height: 600px;
  width: 100%
}

.re-con-menu {
    background-color: #f0f0f1;
    float: left;
    height: 100%;
    width: 120px
}

.re-con-menu p {
    cursor: pointer;
    line-height: 40px;
    padding-left: 30px;
    position: relative
}

.re-con-menu p.on {
    background-color: #fff
}


.re-con-con {
  height: 600px;
  margin-left: 120px;
  overflow: auto
}
.re-con-con tbody{
  position: relative;
  z-index: -1;
}

@media only screen and (max-width:768px) {
    .sys-i-c-box:nth-of-type(3) {
        margin-top: 20px;
    }
}

@media only screen and (max-width:990px) {
    .pr8 {
        padding-right: 0
    }

    .pl7 {
        padding-left: 0;
        margin-top: 15px
    }
}

@media only screen and (max-width:1200px) {
    .btvipbox {
        margin-top: 20px;
    }
}

.bt-ico-ask {
    border: 1px solid #fb7d00;
    border-radius: 8px;
    color: #fb7d00;
    cursor: help;
    display: inline-block;
    font-family: arial;
    font-size: 11px;
    font-style: normal;
    height: 16px;
    line-height: 16px;
    margin-left: 5px;
    text-align: center;
    width: 16px
}

.bt-ico-ask:hover {
    background-color: #fb7d00;
    color: #fff
}

#RecycleBody .tname {
    line-height: 30px
}

/*.menu-sub {
    border-bottom: 1px solid #ccc;
    height: 40px;
    line-height: 30px;
    margin-bottom: 15px
}

    .menu-sub span {
        display: inline-block;
        font-size: 14px;
        height: 40px;
        padding: 0 25px;
        cursor: pointer
    }

    .menu-sub .on {
        border-bottom: 2px solid #20a53a;
        color: #20a53a;
        font-weight: bold
    }*/

.bt-progress {
    background-color: #e2e2e2;
    border-radius: 8px;
    height: 16px;
    line-height: 16px;
    position: relative;
    margin: 5px 0
}

.bt-progress-bar {
    background-color: #5ab76c;
    border-radius: 8px;
    height: 16px;
    max-width: 100%;
    position: absolute;
    text-align: right;
    transition: all .3s ease 0s;
    width: 0
}

.bt-progress-text {
    font-size: 12px;
    color: #fff;
    padding: 0 10px;
    position: static
}

.conf_p {
    overflow: hidden;
}

.conf_p p {
    margin-bottom: 1px;
}

.conf_p span {
    display: inline-block;
    margin-right: 10px;
    width: 140px;
    text-align: right;
}

.btvipbox {
    border: #ddd 1px solid;
}

.btvip {
    border-right: #ddd 1px solid;
    float: left;
    width: 40%;
    height: 108px;
    text-align: center;
}

.btvip-r {
    width: 60%;
    float: right;
    overflow: hidden;
}

.btvip .t2 {
    font-size: 16px;
    padding: 10px 0 5px;
    float: left;
    width: 100%;
}

.btvip p {
    float: left;
    width: 100%;
    margin-bottom: 8px;
    font-size: 14px;
}

.btvip p .price {
    margin-right: 3px;
}

.btvipinfo {
    width: 200px;
    float: left;
    padding: 5px 10px;
    line-height: 32px;
}

/*付费插件*/
.libLogin {
    width: 340px;
    margin: 0 auto 20px;
}

.libLogin .bt-input-text {
    width: 300px;
    height: 34px;
    line-height: 34px;
}

.libLogin .line {
    margin-bottom: 10px;
}

.libLogin .login-button,
.shuoming .login-button {
    width: 300px;
    height: 36px;
    background: #20a53a;
    background: linear-gradient(#20a53a, #189d32);
    box-shadow: inset 0 1px 2px #30ad42;
    color: #fff;
    text-shadow: #00851a 0 -1px 0;
    border: 1px solid #20a53a;
    text-align: center;
    font-size: 16px;
    color: #fff;
    border-radius: 3px;
    cursor: pointer;
}

.libLogin .login-button:hover,
.shuoming .login-button:hover {
    background: #10952a;
    background: linear-gradient(#10952a, #088d22);
    border: 1px solid #10952a
}

.shuoming {
    line-height: 24px;
}

.shuoming .login-button {
    width: 100px;
    height: 30px;
    font-size: 14px;
    margin: 15px;
}

.sm-content {
    border: #ccc 1px solid;
    padding: 10px;
    height: 200px;
    background-color: #f9f9f9;
    overflow: auto;
}

.libPay .btn-group .btn {
    width: 80px;
}

.libPay .btn-group .btn em {
    position: absolute;
    right: -2px;
    top: -9px;
    width: 33px;
    height: 19px;
    background: #ff7300;
    border-radius: 2px;
    font-size: 10px;
    line-height: 19px;
    color: #fff;
    transform: scale(.9, .8);
    font-style: normal;
}

.libPay .price {
    font-size: 28px;
    color: #FF6600;
    margin-right: 3px;
    line-height: 30px;
}

.libPay .sprice {
    font-size: 14px;
    display: inline-block;
    line-height: 30px;
    margin-right: 3px;
}

.wxPay {
    width: 160px;
    margin: 10px auto 20px;
}

.wxPay .ewm canvas {
    border: #ccc 1px solid;
    padding: 6px;
    width: 160px;
}

.wx-pic {
    width: 160px;
    height: 36px;
    background: url(/static/images/weixin.png) no-repeat top center;
    margin-bottom: 10px;
}

.wx-pay-info {
    width: 160px;
    height: 30px;
    background-color: #00C800;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    margin-top: 10px;
}

.color-red {
    color: red;
}

.color-green {
    color: green;
}

.btpro {
    background-image: url("");
    background-repeat: no-repeat;
    padding: 2px 0 2px 64px;
    margin-right: 5px;
    cursor: pointer;
}

.btpro-gray {
    background-image: url("");
    background-repeat: no-repeat;
    padding: 2px 0 2px 64px;
    margin-right: 5px;
    cursor: pointer;
}

.btltd {
    background-image: url("");
    background-repeat: no-repeat;
    padding: 2px 0 2px 64px;
    margin-right: 5px;
    cursor: pointer;
}

.btltd-gray {
    background-image: url("");
    background-repeat: no-repeat;
    padding: 2px 0 2px 64px;
    margin-right: 5px;
    cursor: pointer;
}

.btpro-free {
    background-image: url("");
    background-repeat: no-repeat;
    padding: 2px 0 2px 85px;
    margin-right: 5px;
    cursor: pointer;
}

/*插件付费*/
.wx-pay-ico{
    background: url('');
    display: inline-block;
    width: 18px;
    height: 18px;
}
.wx-pay-ico.alipay{
    background: url('');
}
.pay-wx-info span{
    vertical-align: middle;
}

#pay_product_view {
    padding: 25px 30px 30px 30px;
    height: 100%;
}

#libPay-content .pay-cycle-btn {
    width: 90px;
}

.libPay-mask {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: none;
}

.libPay-item {
  margin-bottom: 20px;
}

.libPay-select {
  overflow: hidden;
}

.libPay-item .endTime,
.libPay-item .bindUser {
    font-size: 14px;
}

.libPay-item .endTime span,
.libPay-item .bindUser span {
    font-weight: 600;
    color: #555;
}

.libPay-item .endTime {
    float: right;
}

.libPay-item .li-tit {
    margin-bottom: 10px;
    font-size: 14px;
}

.libPay-item .li-c-item li:nth-child(1) {
    margin-left: 0;
}

/* .libPay-item .li-c-item li {
    font-size: 0;
    border: #ddd 1px solid;
    width: 170px;
    height: 80px;
    cursor: pointer;
    box-sizing: border-box;
    transition: border-color .1s ease-in, color .1s ease-in;
    padding: 5px 0;
    display: inline-block;
    position: relative;
    margin-left: -1px;
} */
.libPay-item .li-c-item li.active .item-name{
  padding: 9px 29px;
}
.pro-tips {
  clear: both;
  padding-top: 15px;
  font-size: 13px;
  color: #aaa;
}

.pro-tips span{
  margin-top: 5px;
}
.pro-tips span.glyphicon{
  margin-right: 5px;
  color: #ff8d00;
}

.libPay-item .li-c-item li:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.libPay-item .li-c-item li:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.libPay-item .li-c-item li:hover {
  border: #20a53a 1px solid;
  color: #20A53A;
  z-index: 9999;
}

.libPay-item .li-c-item li.active,
.libPay-item .li-c-item li.active:hover {
    border: #20a53a 2px solid;
    color: #20A53A;
    z-index: 9999;
    box-sizing: border-box;
}

.libPay-item .li-c-item li .item-name {
  font-size: 14px;
  vertical-align: middle;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  padding-top: 5px;
  padding: 10px 30px;
}

.libPay-item .li-c-item li .item-info {
    display: block;
    text-align: center;
    width: 100%;
    font-size: 13px;
    vertical-align: middle;
}

.pay-btn-group {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.pay-btn-group>.pay-cycle-btn {
    position: relative;
    float: left;
}

.pay-cycle-btn {
  position: relative;
  font-size: 0;
  width: 106px;
  height: 40px;
  line-height: 38px;
  display: block;
  margin-bottom: -1px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #ddd;
  box-sizing: border-box;
  margin-left: -1px;
  transition: border-color .1s ease-in, color .1s ease-in;
  cursor: pointer;
}

.pay-cycle-btn.auto{
	width: auto;
	height: auto;
	display: inline-block;
}

.pay-cycle-btn span {
  font-size: 14px;
  line-height: 25px;
  vertical-align: middle;
}

.pay-btn-group>.pay-cycle-btn:first-child {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.pay-btn-group>.pay-cycle-btn:nth-of-type(7n+1) {
    margin-left: 0;
}

.pay-btn-group>.pay-cycle-btn:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.pay-btn-group .active,
.li-c-item .active {
    background: url("") no-repeat right bottom;
}

.pay-btn-group .pay-cycle-btn:hover {
    border: 1px solid #20a53a;
    color: #20a53a;
    z-index: 2;
    cursor: pointer;
}

.pay-btn-group .active,
.pay-btn-group .active:hover {
    border: 2px solid #20a53a;
    color: #20a53a;
    z-index: 2;
    cursor: pointer;
}

.pay-btn-group .active span {
    line-height: 22px;
}

.pay-cycle-btn em {
    position: absolute;
    right: -2px;
    top: -9px;
    width: 33px;
    height: 19px;
    background: #ff7300;
    border-radius: 2px;
    font-size: 10px;
    line-height: 19px;
    color: #fff;
    transform: scale(.9, .8);
    font-style: normal;
}

.pay-btn-group .active em {
    right: -3.5px;
    top: -10px;
}



.business-edition {
    padding: 20px;
    width: 100%;
    overflow: hidden;
}

.price-compare-item {
    float: left;
    width: 370px;
    border: #ECECFB 1px solid;
    background-color: #fcfcfc;
}

.price-header {
    background-color: #20a53a;
    height: 70px;
    text-align: center;
    font-size: 24px;
    color: #fff;
    line-height: 70px;
    position: relative;
}

.title-wrap {
    text-align: center;
    padding: 30px 0;
    margin: 0 50px 20px;
    border-bottom: #ECECFB 1px solid;
}

.title-wrap .user-number {
    color: #FE7039;
    font-size: 14px;
    margin-bottom: 20px;
}

.title-wrap .title-info {
    font-size: 18px;
    font-family: "微软雅黑";
}

.title-desc {
    height: 182px;
    margin: 0 70px;
    font-size: 13px;
    color: #646472;
    line-height: 26px;
}

.price-wrap {
    margin: 40px 60px 20px;
    height: 36px;
    color: #FF6232;
}

.price-wrap .month {
    float: left;
}

.price-wrap .year {
    float: right;
}

.price-wrap .div-line {
    float: left;
    height: 24px;
    width: 1px;
    background-color: #eee;
    margin: 7px 0 0 30px;
}

.price-wrap .price-unit {
    font-size: 18px;
}

.price-wrap .price-value {
    font-size: 26px;
}

.price-wrap .price-ext {
    font-size: 16px;
}

.price-compare-item .btn-price {
  width: 240px;
  height: 44px;
  line-height: 42px;
  text-align: center;
  background-color: #20a53a;
  font-size: 16px;
  color: #fff;
  border-radius: 3px;
  border: 0 none;
  margin: 0 60px 30px;
}

.price-compare-item .btn-price:hover {
  background-color: #FF6232;
}

.recommend-tips {
  background: url() 50% no-repeat;
  background-size: 70px;
  position: absolute;
  right: 0;
  top: 0;
  height: 70px;
  width: 70px;
}



.pro-font-icon{
	color: #ffa904;
}
.pro-font-icon span,
.ltd-font-icon span{
    font-size: 15px;
    vertical-align: middle;
    display: inherit;
}
.pro-font-icon span:first-child,
.ltd-font-icon span:first-child{
	/* margin-right: 3px; */
	font-size: 16px;
  vertical-align: top;
}
.ltd-font-icon{
	color: #9b7e48;
}

.recommend-pay-icon {
  background-image: url();
  background-repeat: no-repeat;
  background-size: auto;
  display: inline-block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: -1px;
  left: -1px;
}

.lib-price-box {
  padding-bottom: 5px;
}

.price-txt {
    color: #FF7301
}

.sale-price {
    font-size: 20px;
    margin-right: 5px;
}

.lib-price-name,
.price-txt {
    margin-right: 10px;
}

/*input样式*/
.bt-label {
    margin: 20px 20px 0 0;
    display: inline-block;
    font-weight: normal
}

.bt-radio,
.bt-checked {
    display: none
}

.bt-radioinput {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 100%;
    display: inline-block;
    height: 16px;
    margin-right: 10px;
    margin-top: -1px;
    vertical-align: middle;
    width: 16px;
    line-height: 1
}

.bt-radio:checked+.bt-radioinput,
.bt-checked:checked+.bt-radioinput {
    border: 1px solid #20a53a;
    background-color: #20A53A;
}

.bt-radio:checked+.bt-radioinput:after {
    background-image: url("");
    background-repeat: no-repeat;
    border-radius: 100%;
    content: "";
    display: inline-block;
    height: 12px;
    width: 12px;
    margin: 1px;
}

.bt-checkbox.bt-radioinput,
.bt-radio:checked+.bt-checkbox.bt-radioinput:after {
    border-radius: 0
}

.loading {
    background-image: url("");
    background-repeat: no-repeat;
    background-position: 62px 41px;
    border: #ddd 1px solid;
    width: 160px;
    height: 160px;
    padding: 5px;
    background-color: #787878;
    color: #fff;
    display: inline-block;
    margin: 6px auto;
    line-height: 200px;
    font-size: 14px;
    text-align: center;
}

.cloading {
    background-image: url("");
    background-repeat: no-repeat;
    background-position: center 45px;
    height: 150px;
    width: 100%;
    line-height: 210px;
    text-align: center;
    font-size: 14px;
}

/*6.0终端样式*/
.term-box {
    padding: 0 10px 10px;
    background-color: #333333;
}

.shell-text-input .bt-input-text-shell {
    width: 100%;
    padding: 10px 10px 0;
    border: 0 none;
    height: 60px;
    overflow: auto;
    resize: none;
}

.shell-text-input .bt-input-text-shell:focus,
.shell-text-input .bt-input-text-shell:active {
    border: 0 none;
    outline: none;
}

.shell-btn-group {
    height: 30px;
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.shell_btn_close {
    margin-right: 8px;
}

/*重启*/
.rebt-con {
    height: 106px;
    padding: 15px;
    width: 330px;
}

.rebt-li {
    float: left;
    line-height: 40px;
    margin: 15px;
    text-align: center;
    width: 120px;
}

.rebt-li a {
    display: block;
    background: #eee;
    border: #ddd 1px solid;
}

.rebt-li a:hover {
    background-color: #20a53a;
    color: #fff;
}

/*绑定宝塔微信*/
.bind-weixin {
    background-image: url("");
    background-repeat: no-repeat;
    background-size: contain;
    padding-left: 26px;
    margin-right: 30px;
}

.bind-user {
    background-image: url("");
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 24px;
    margin-right: 20px;
}

.ico-windows {
    background-image: url("");
    background-repeat: no-repeat;
    background-size: contain;
    padding-left: 20px;
}

.index-pos-box {
    height: 52px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
}

.index-pos-box .position {
    line-height: 52px;
}

.change-id {
    margin-left: 8px;
    color: #20a53a;
}

.bind-user .glyphicon {
    color: #20a53a;
    font-size: 12px;
    margin-right: 3px;
}

/*微信二维码*/
.boxConter {
    height: 458px;
    position: relative;
    overflow: auto;
}

.iconCode {
    padding: 50px 60px;
}

.box-conter {
    width: 100%;
}

#QRcode {
    margin-bottom: 25px;
    text-align: center;
}

.iconCode #QRcode,
.iconCode .codeTip {
    width: 100%;
    text-align: center;
    font-size: 17px;
}

.iconCode .weChatSamll img {
    width: 100%;
}

.iconCode .weChatSamll {
    display: none;
    width: 200px;
    height: 200px;
    position: absolute;
    border: 1px solid #ececec;
    border-radius: 5px;
    bottom: 150px;
    right: 50px;
    padding: 20px;
    background-color: #fff;
}

.iconCode .weChatSamll:after {
    content: '';
    width: 15px;
    height: 15px;
    background: #ffffff;
    border-bottom: 1px solid #ececec;
    border-right: 1px solid #ececec;
    transform: rotate(45deg);
    position: absolute;
    border-radius: 4px;
    left: 90px;
    bottom: -8px;
}

.iconCode .weChat {
    margin-left: 15px;
}

.iconCode .weChat:hover .weChatSamll {
    display: block;
}

.iconCode .QRcode {
    margin-bottom: 15px;
    text-align: center;
}

.codeTip ul li {
    margin-bottom: 10px;
}

.personalDetails .head_img {
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 30px;
}

.personalDetails .head_img img {
    height: 100%;
    border-radius: 50%;
}

.personalDetails .nick_name {
    height: 50px;
    line-height: 50px;
    width: 148px;
    float: left;
    font-size: 15px;
    color: #808080;
}

.personalDetails .userList {
    height: 100%;
}

.personalDetails .userList .addweChat {
    height: 50px;
    text-align: center;
    padding-top: 20px;
    color: #20a53a;
    font-size: 16px;
}

.personalDetails .userList .addweChat:hover {}

.personalDetails .userList .item {
    height: 70px;
    padding: 10px 15px;
    border: 1px solid #ececec;
    margin: 15px 65px;
    border-radius: 5px;
}

.personalDetails .userList .cancelBind {
    height: 50px;
    width: 60px;
    float: right;
    line-height: 50px;
    text-align: center;
}

.libLogin .line {
    position: relative;
}

.libLogin .tips {
    position: absolute;
    top: 13px;
    right: 28px;
    background: #ff4949;
    color: #fff;
    padding: 4px 6px;
    border-radius: 5px;
}

.change-id {
    cursor: pointer;
}

.red {
    color: red;
}

select[disabled] {
    border: 1px solid #DDD;
    background-color: #F5F5F5;
    color: #ACA899;
}

.cicle {
    position: relative;
    width: 88px;
    height: 88px;
    margin: 0 auto;
    border-width: 6px;
    border-color: #ccc;
    border-style: solid;
    border-radius: 50%;
}

.cicle *,
.cicle {
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
}

.cicle .bar {
    position: absolute;
    width: 50px;
    height: 100px;
    overflow: hidden;
}

.cicle .bar-left {
    top: -6px;
    left: -6px;
}

.cicle .bar-an {
    position: absolute;
    width: 88px;
    height: 88px;
    border-width: 6px;
    border-style: solid;
    border-radius: 50%;
    transform: rotate(-135deg);
}

.cicle .bar-left .bar-left-an {
    z-index: 10;
    border-color: transparent transparent #20a53a #20a53a;
}

.cicle .bar-right {
    top: -6px;
    left: 44px;
}

.cicle .bar-right .bar-right-an {
    left: -50px;
    z-index: 20;
    border-color: #20a53a #20a53a transparent transparent;
}

.cicle .occupy {
    position: absolute;
    width: 88px;
    height: 88px;
    line-height: 88px;
    text-align: center;
    font-size: 18px;
    color: #20a53a;
}

.mem-action .occupy {
    font-size: 14px;
}

.mem-action .occupy.line {
    line-height: 22px;
    padding-top: 22px;
}

.change-default button {
    width: 188px;
    margin: 10px
}

.bt-w-con .line .info-r {
    margin-left: 0;
}

.bt-logs textarea {
    white-space: pre;
    margin: 0px;
    width: 500px;
    height: 520px;
    background-color: #333;
    color: #fff;
    padding: 0 5px;
}

.dir-rewrite-man-con {
    margin-left: 15px;
}

.domain-ul-list {
    padding: 5px 10px;
    max-height: 180px;
    overflow: auto;
    width: 260px;
    border: #ccc 1px solid;
    border-radius: 3px;
}

.domain-ul-list li {
    line-height: 26px;
}

.domain-ul-list li .checkbox-text {
    margin-right: 5px;
    vertical-align: -2px
}

.btswitch-btn.bt-waf-firewall {
    width: 2.4em;
    height: 1.4em;
    margin-bottom: 0
}

.db_list {
    padding: 0px 0 10px 0;
    font-size: 13px;
    line-height: 35px;
    height: 45px;
}

.db_list a {
    margin-right: 15px;
    color: #555;
    font-weight: 600;
}

.db_list span:nth-child(1) {
    display: block;
    float: left;
    padding-left: 15px;
    background: #ececec;
    border-radius: 3px;
}

#db_tools button {
    margin-right: 10px;
}

#db_tools button:last-child {
    margin-right: 0;
}

/* PHP设置样式 */
.php-limit-config .tname {
    width: 130px;
}

.php-limit-config .info-r p {
    display: inline-block;
}

/* mysql设置样式 */
.tab-db-status .line {
    padding: 0;
    padding-bottom: 1px;
}

.tab-db-status .tname {
    width: 155px;
    padding-right: 10px;
    height: 30px;
    line-height: 30px;
}

.tab-db-status .info-r {
    margin-bottom: 0px;
}

.tab-db-status .line:nth-child(1) .ml0 {
    margin-bottom: 10px;
    padding-left: 95px;
    padding-bottom: 8px;
    border-bottom: 1px solid #ccc;
}

.tab-db-status .bt_mysql_restart {
    margin-left: 355px;
    margin-top: 10px;
}


#database_fix table td span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#form_proxy .line .tname {
    width: 110px;
}

#form_proxy .line .info-r {
    margin-left: 110px;
}

#form_proxy .sub-groud .bt-input-text {
    margin-right: 10px;
}

#form_proxy .sub-groud {
    margin-bottom: 15px;
}

#form_proxy .btswitch-btn {
    display: inline-block;
}

#form_proxy .add-replace-prosy {
    position: relative;
    top: -10px;
}

#form_proxy .disabled {
    background-color: #eee !important;
    cursor: default;
    border: 1px solid #dbdbea;
}

#proxy_list td>span,
#softList td>span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#softList tr td:nth-child(3)>span {
    white-space: inherit;
    cursor: pointer;
    min-height: 17px;
}

#proxy_config_con .line .info-r,
#redirect_config_con .line .info-r {
    margin-left: 0;
}

#proxy_config_con .CodeMirror-gutter-wrapper,
#redirect_config_con .CodeMirror-gutter-wrapper {
    left: 15px;
}

.bootstrap-select:focus {
    outline: none;
    border: none;
}

.bootstrap-select {
    width: 200px !important;
    float: left !important;
    height: 32px;
}

.bootstrap-select .filter-option {
    width: 180px !important;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bootstrap-select .dropdown-toggle {
    height: 32px;
    line-height: 18px;
    font-size: 12px;
}

.bootstrap-select .dropdown-toggle:active,
.bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}

.site-301-form .info-r,
.site-proxy-form .info-r {
    margin-left: 20px
}

.site-301-form .subname,
.site-proxy-form .subname {
    margin-right: 10px;
}

.btswitch-line label {
    margin-right: 25px;
    top: 10px;
    display: inline-block !important;
}

dl {
    margin-bottom: 0
}

.mr10 {
    margin-right: 10px
}

.authority_view {
    width: 100%;
    height: auto;
    padding: 15px;
    padding-bottom: 70px;
}

.authority_view .btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

.authority_user .btn-groups {
    width: 100%;
    margin-top: 10px;
    text-align: right
}

.authority_user .authority_title {
    padding: 5px 2px;
}

.authority_user .authority_conter {
    font-weight: 400;
    box-sizing: border-box
}

.authority_user .authority_conter .action {
    background-color: #d6d6d6;
}

.authority_user .authority_conter dt {
    font-weight: 400;
    height: 20px;
    display: table;
    vertical-align: middle;
    padding: 5px 0;
    width: 100%;
    padding-left: 10px;
    cursor: pointer;
}

.authority_list {
    margin-top: 15px;
    clear: both
}

.authority_list .authority_conter,
.authority_user .authority_conter {
    border: 1px solid #e2e2e2;
    border-radius: 2px
}

.authority_list .authority_conter {
    padding: 5px 0;
    padding-left: 8px;
}

.authority_conter .item,
.authority_list .item {
    padding: 5px 0
}

.authority_list dt {
    display: inline-block
}

.authority_list .type {
    width: 80%;
    padding-left: 2px;
    box-sizing: border-box;
    text-align: left;
    font-weight: 400
}

.authority_list dt {
    width: 20%;
    text-align: center;
    font-weight: 400
}

.authority_conters {
    padding: 20px 25px;
}

.authority_conters .authority_tips {
    font-size: 14px;
}


.authority_inherit {
    margin-top: 10px;
    padding-left: 5px
}

.authority_inherit input {
    vertical-align: sub;
    margin-right: 5px;
}

.authority_conter i {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    background-image: url(../images/people.png);
    background-repeat: no-repeat;
    background-size: cover;
    vertical-align: sub
}

.crontab_body .line,
.edit_crontab .line {
    margin-bottom: 10px;

}

.crontab_body input,
.crontab_body select,
.edit_crontab input,
.edit_crontab select {
    height: 35px;
    line-height: 35px;
    border-radius: 4px;
}

.crontab_body .line .tname,
.edit_crontab .line .tname {
    height: 35px;
    line-height: 35px
}

.run_cycle select {
    margin-right: 20px;
}

.run_cycle .unit,
.shell_sbody .line-item .unit {
    display: inline-block;
    height: 35px;
    line-height: 33px;
    border: 1px solid #ccc;
    padding: 0 10px;
    margin-right: 15px;
    background: #f5f5f5;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.run_cycle .hour,
.run_cycle .minute,
.run_cycle .where1,
.shell_sbody .line-item .save {
    margin-right: 0;
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    text-align: center;
}

.run_cycle select.where1 {
    margin-right: 15px;
    border-right: 1px solid #ccc;
    border-radius: 4px;
}

.shell_sbody {
    margin-bottom: 0 !important;
}

.shell_sbody textarea {
    border-radius: 4px;
}

.shell_sbody .line-item {
    margin-left: 15px;
}

.shell_sbody .line-item input,
.shell_sbody .line-item select {
    margin: 5px;
}

.crontab_add button {
    margin-left: 0;
    padding: 8px 35px;
    font-size: 13px;
}

.crontab_body {
    padding-left: 25px;
}

.crontab_help {
    margin: 15px 0 20px 35px;
}

.iis_proxy_config p {
    margin-bottom: 5px;
}

.iis_proxy_config .line .tname {
    width: 75px;
}

.set_nginx_config,
.set_Apache_config {
    /* padding: 10px 10px 10px 0; */
}

.set_nginx_config .line,
.set_Apache_config .line {
    padding: 5px 0;
}

.set_Apache_config .line>span {
    width: 170px;
}

.set_nginx_config .line>span {
    width: 202px;
}

.set_nginx_config .bt_nginx_save {
    margin-left: 202px;
}

.set_Apache_config .bt_apache_save {
    margin-left: 170px;
}


.search_box {
    position: absolute;
    right: 65px;
    top: 10px;
    height: 28px;
    line-height: 28px;
    cursor: pointer;
}

.search_box input {
    vertical-align: sub;
    margin-right: 4px;
}

.search_box label {
    color: #666;
}

.session_clear_list {
    border: 1px solid #ececec;
    margin-bottom: 15px;
    width: 270px;
}

.session_clear_list .line {
    padding: 0;
    border-bottom: 1px solid #ececec;
    width: 270px;
}

.session_clear_list .line:last-child {
    border-bottom: 0px;
}

.session_clear_list .line span {
    width: auto;
    height: 35px;
    line-height: 35px;
    text-align: left;
    padding: 0 5px;
}

.session_clear_list .line span:first-child {
    width: 170px;
    border-right: 1px solid #ececec;
    background: #f7f7f7;
    padding-left: 5px;
}

.soft_masks {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}

.soft_masks span {
    position: absolute;
    color: #999;
    top: 50%;
    margin-top: -25px;
    font-size: 18px;
    left: 50%;
    margin-left: -110px;
}

.soft_masks img {
    position: relative;
    top: -2px;
    margin-right: 15px;
}


/*软件商店 2019.3.27 新增*/
.soft-filter {
    border-bottom: #ddd 1px solid;
    padding: 20px 15px;
}

.soft-filter .soft-filter-box:first-child {
    margin-bottom: 20px
}

.soft-filter-box .filter-title {
    float: left;
    width: 60px;
    margin-right: 20px;
    height: 30px;
    line-height: 30px;
}

.soft-search .ser-text,
.soft-search .ser-sub {
    margin-top: 0
}

.soft-filter-box .soft-search,
.soft-filter-box .softtype {
    float: left;
}

.soft-filter-box .softtype span {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    background-color: #e6e6e6;
    padding: 0 20px;
    margin-right: 15px;
    cursor: pointer;
}

.soft-filter-box .softtype .on {
    background-color: #20a53a;
    color: #fff;
}

.oldTableShadow {
    width: 100%;
    height: 8px;
    margin-top: -8px;
    position: relative;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(220, 220, 220, .8));
}

.newTableShadow {
    height: 8px;
    position: absolute;
    left: 15px;
    right: 15px;
    background: -webkit-linear-gradient(top, rgba(220, 220, 220, .8), rgba(255, 255, 255, 0));
}

.disable {
    background-color: #ededed;
}

.onekeyCode .table>tbody>tr>td {
    line-height: 1.7;
}

.oneKeysearchBar {
    position: absolute;
    top: 10px;
    right: 15px;
    z-index: 20;
}

.success-msg .suc-con {
    float: right;
    width: 280px;
}

.bt-progress {
    background-color: #e2e2e2;
    border-radius: 8px;
    height: 16px;
    line-height: 16px;
    position: relative;
    margin: 5px 0;
}

.bt-progress-bar {
    background-color: #5ab76c;
    border-radius: 8px;
    height: 16px;
    max-width: 100%;
    position: absolute;
    text-align: right;
    transition: all 0.3s ease 0s;
    width: 0;
}

.bt-progress-text {
    font-size: 12px;
    color: #fff;
    padding: 0 10px;
    position: static;
}

.onekey-menu-sub {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    height: 50px;
    line-height: 50px;
}

.onekey-menu-sub span {
    height: 50px;
    padding: 0 15px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
}

.onekey-menu-sub .on {
    border-bottom: 2px solid #20a53a;
    color: #20a53a;
    font-weight: bold;
}

.tab-opt-right {
    text-align: right;
}

.ssl_cert_from .layui-layer-ico {
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    left: 50px;
}

.ssl_cert_from h3 {
    font-weight: bolder;
    font-size: 18px;
    margin-left: 75px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
}

.ssl_cert_from ul {
    border: 1px solid #ececec;
    border-radius: 10px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
    background: #f7f7f7;
    width: 80%;
    padding: 15px;
    list-style-type: inherit;
}

.ssl_cert_from ul li:nth-child(0) {
    margin-top: 12px;
    color: red;
}

.ssl_cert_from ul li {
    margin-left: 20px;
    height: 25px;
    line-height: 25px;
}

.ssl_cert_from>.line {
    padding-top: 15px;
    border-top: 1px solid #ececec;
    width: 81%;
    margin: 0 auto;
    margin-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ececec;
}

.ssl_cert_from>.line .tname {
    width: 105px;
}

.ssl_cert_from>.line .info-r {
    margin-left: 70px;
    height: 30px;
    line-height: 30px;
}

.user_set_info .tit {
    width: 165px;
    display: inline-block;
    text-align: left;
}

.user_set_info .btswitch-p {
    width: 165px;
    display: inline-block;
    text-align: left;
    margin-left: 0px;

}

.ssl_cert_from label {
    font-weight: 400;
    margin: 3px 5px 0px;
    vertical-align: top;
}

.ssl_cert_from .details {
    padding-top: 10px;
    width: 80%;
    margin: 0 auto;
}

.ssl_cert_from .details a {
    float: right;
    position: relative;
    top: 3px;
}

.ssl_cert_from>.line .line {
    padding-bottom: 0;
}

.ssl_cert_from>.line .line .info-r {
    margin-bottom: 0;
}

.aceEditors {
    /* border: 1px solid rgb(208, 207, 207); */
    overflow: hidden;
}

#ace_conter.chrome {
    background: #ececec;
}

#ace_conter {
    background: #444;
    height: 100%;
    overflow: hidden;
    /*background: url('/static/img/resize_corner.png') no-repeat;*/
}

.aceEditors .layui-layer-content {
    overflow-y: hidden !important;
}

.ace_overall {
    width: 100%;
    display: inline-block;
    position: absolute;
    bottom: 0;
    background: #777;
    transition: top 500ms;
}

.ace_overall.active .ace_editor_main {
    margin-left: 0 !important;
}

.ace_catalogue {
    float: left;
    width: 265px;
    min-width: 265px;
    max-width: 450px;
    position: absolute;
    z-index: 9999;
    background: #292929;
    transition: all 500ms;
    top: 0;
    bottom: 0px;
}

.ace_catalogue_sidebar {
    display: none;
    height: 100%;
    width: 10px;
    background: #444;
    cursor: col-resize;
    position: absolute;
    left: 240px;
    top: 90px;
}

.ace_catalogue_sidebar img {
    position: absolute;
    top: 50%;
    width: 10px;
    margin-top: -20px;
}

.ace_catalogue_title_time,
.ace_catalogue_title_star,
.ace_catalogue_title {
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    color: #fff;
    background: #383838;
    position: absolute;
    left: 0;
    right: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

.refresh_records,
.set_stat_list {
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 10px;
    color: #bfbfbf;
}

.ace_menu_tab .ace_catalogue_list_time,
.ace_menu_tab .ace_catalogue_list_star {
    top: 40px;
    left: 0;
}

.refresh_records:hover,
.set_stat_list:hover {
    background-color: #696969;
}

.refresh_records span,
.set_stat_list span {
    display: inline-block;
    margin-right: 3px;
    transition: all 500ms;
}

.ace_catalogue_list_time,
.ace_catalogue_list_star,
.ace_catalogue_list {
    height: auto;
    position: absolute;
    top: 70px;
    left: 0;
    right: 1px;
    bottom: 0;
    background: #222;
    padding: 5px;
    overflow-x: auto;
}

.ace_catalogue_list_time::-webkit-scrollbar,
.ace_catalogue_list_star::-webkit-scrollbar,
.ace_catalogue_list::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 9px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}

.ace_catalogue_list_time::-webkit-scrollbar,
.ace_catalogue_list_star::-webkit-scrollbar,
.ace_catalogue_list::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: rgba(78, 86, 102, 0.6);
    border-radius: 0;
}

.ace_catalogue_list_time::-webkit-scrollbar,
.ace_catalogue_list_star::-webkit-scrollbar,
.ace_catalogue_list::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #333;
    border-radius: 0;
}

.ace_catalogue_drag_icon {
    height: 100%;
    width: 1px;
    position: absolute;
    left: 265px;
    bottom: 0;
    top: 0;
    cursor: col-resize;
}

.ace_catalogue_drag_icon .drag_icon_conter {
    height: 100%;
    width: 2px;
}

.ace_catalogue_drag_icon .fold_icon_conter.active::after {
    content: "\e258";
}

.ace_catalogue_drag_icon .fold_icon_conter::after {
    color: #ececec;
    content: "\e257";
    position: absolute;
    top: 50%;
    margin-top: -6.5px;
    left: 0;
    z-index: 999;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    cursor: pointer;
}

.ace_catalogue_drag_icon .fold_icon_conter {
    display: inline-block;
    content: '';
    height: 50px;
    width: 14px;
    margin-top: -50px;
    position: absolute;
    z-index: 999;
    top: 48%;
    left: -1px;
    background: #222;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border: 1px solid #525252;
    border-left: none;
    cursor: pointer;
}

.ace_conter_menu {
    height: 40px;
    position: relative;
    background: #292929;
    overflow: auto;
}

.ace_editor {
    font-size: 15px;
}

.ace_editors {
    position: absolute;
    top: 40px;
    right: 0;
    bottom: 35px;
    left: 0px;
    font-size: 13px;
    z-index: -1;
    overflow-y: auto;
}

.ace_scrollbar::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 15px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}

.ace_scrollbar::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #777;
    border-radius: 0;
}

.ace_scrollbar::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #333;
    border-radius: 0;
}

.ace_editors.active {
    z-index: 99;
}

.keys-item {
    height: 45px;
    line-height: 45px;
    padding: 5px 0;
}

.keys-item .keys-btn {
    border: 1px solid #ececec;
    height: 45px;
    width: 45px;
    text-align: center;
}

.keys-item .keys_symbol {
    font-weight: 500;
    padding: 0 15px;
}

.keys-item .keys-tips {
    padding-left: 15px;
}

.ace_header {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 35px;
    background: #565656;
    transition: top 500ms;
}

.ace_dir_tools {
    height: 30px;
    top: 40px;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 999;
    background: #444;
}

.folder_down_up {
    padding: 5px 0;
    width: 150px;
    border: 1px solid #ececec;
    position: fixed;
    z-index: 9999;
    background: #fff;
    border-radius: 2px;
    position: absolute;
    left: 0;
    display: none;
}

.folder_down_up i.folder-icon:before {
    color: #d6ab34;
    content: '\f016';
    font-family: octicons;
    display: inline-block;
    font-size: 15px;
}

.folder_down_up i {
    font-style: normal;
    position: absolute;
    left: 10px;
}

.folder_down_up li:hover {
    background: #efefef;
    cursor: pointer;
}

.folder_down_up li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 150px;
    height: 30px;
    font-size: 13px;
    line-height: 30px;
    padding-left: 35px;
    box-sizing: border-box;
    position: relative;
    color: #555;
    left: -1px;
    font-style: normal;
}

.ace_dir_tools>div {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    box-sizing: border-box;
    color: #ccc;
    padding: 0 8px;
    cursor: pointer;
    position: relative;
}

.ace_dir_tools>span {
    left: 0;
    bottom: -5px;
}

.ace_dir_tools .upper_level {
    padding: 0 15px;
}

.ace_dir_tools>div:hover {
    background: #333;
}

.ace_dir_tools .search_file,
.ace_dir_tools .new_folder,
.ace_dir_tools .refresh_dir {
    float: right;
}

.ace_dir_tools>div i {
    margin: 0 3px;
}

.ace_dir_tools .search_input_view {
    width: 100%;
    padding: 0 15px;
    height: auto;
    padding-top: 10px;
}

.ace_dir_tools .search_input_view:hover,
.ace_dir_tools .search_input_title:hover {
    background: #444 !important;
}

.ace_dir_tools .search_input_view form {
    position: relative;
    overflow: hidden;
}

.ace_dir_tools .search_input_view input {
    margin-top: 0;
    width: 200px;
}

.ace_dir_tools .search_input_view button {
    margin-top: 0;
    position: absolute;
    right: -2px;
    outline: none;
}

.ace_dir_tools .search_input_view button:hover {
    background-color: #138c2b;
}

.ace_dir_tools .search_input_title {
    padding-left: 15px;
    cursor: default;
}

.ace_dir_tools .search_input_view .search_boxs {
    margin-top: 5px;
    height: 20px;
    line-height: 20px;
}

.ace_dir_tools .search_input_view .search_boxs {
    margin-top: 5px;
    height: 20px;
    line-height: 20px;
}

.ace_dir_tools .search_input_view .search_boxs input {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 0px;
}

.ace_dir_tools .search_input_view .search_boxs label {
    height: 20px;
    margin: 0;
}

.ace_dir_tools .search_input_view .search_boxs span {
    vertical-align: super;
    margin-right: 5px;
}

#search_input_val {
    outline: none;
    color: #333;
    padding-right: 45px;
    width: 100%;
}

.ace_header>span {
    float: left;
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
    font-size: 13px;
    text-align: center;
    color: #fff;
    border-right: 1px solid #4c4c4c;
    cursor: pointer;
}

.ace_header>span i {
    margin-right: 5px;
    vertical-align: text-top;
}

.ace_header>span:hover {
    background: #2f2f2f;
}

.ace_header .pull-down {
    display: inline-block;
    position: absolute;
    z-index: 999;
    right: 0;
    height: 35px;
    line-height: 35px;
    padding: 0 14px;
    font-size: 15px;
    color: #fff;
    background: #292929;
    cursor: pointer;
}

.ace_editor_main {
    position: relative;
    z-index: 999;
    background: #444;
    transition: margin 500ms;
    margin-left: 30px;
}

.ace_editor_main_storey {
    display: inline-block;
    position: absolute;
    z-index: 999;
    width: 100%;
    height: 5px;
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
}

.ace_conter_editor {
    background: #333;
    padding-bottom: 35px;
    transition: height 100ms;
}

.ace_item_box {
    position: relative;
    padding: 0 35px 0 10px;
    color: #ececec;
    cursor: pointer;
    border-right: 1px solid #191919;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
    height: 40px;
    -moz-user-select: none;
    /*火狐*/
    -webkit-user-select: none;
    /*webkit浏览器*/
    -ms-user-select: none;
    /*IE10*/
    -khtml-user-select: none;
    /*早期浏览器*/
    -webkit-touch-callout: none;
    user-select: none;
}

@keyframes mymove {
    0% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        /* IE 9 */
        -moz-transform: rotate(0deg);
        /* Firefox */
        -webkit-transform: rotate(0deg);
        /* Safari 和 Chrome */
        -o-transform: rotate(0deg);
        /* Opera */
    }

    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        /* IE 9 */
        -moz-transform: rotate(360deg);
        /* Firefox */
        -webkit-transform: rotate(360deg);
        /* Safari 和 Chrome */
        -o-transform: rotate(360deg);
        /* Opera */
    }
}

.ace_item_box .glyphicon-repeat {
    font-size: 14px;
    color: #d6ad00;
    display: inline-block;
    animation: mymove .8s ease infinite;
    -webkit-animation: mymove .8s ease infinite;
    /* Safari 和 Chrome */
}

.ace_conter_menu>li {
    float: left;
    max-width: 300px;
    height: 40px;
    display: inline-block;
    position: relative;
}

.ace_conter_menu .item:hover {
    background: #313131;
}

.ace_conter_menu .item:hover .icon-tool {
    display: block;
}

.ace_conter_menu .item.active {
    color: #fff;
    background: #404040;
}

.ace_conter_menu .active.item:before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 2px;
    background: #20a53a;
    position: absolute;
    bottom: 0;
}

.ace_conter_menu .item.active .icon-tool {
    display: block;
}

.ace_conter_menu .item span {
    line-height: 40px;
    height: 40px;
    padding: 0 5px;
    vertical-align: top;
}

.ace_conter_menu .item span i {
    font-style: normal;
}

.ace_conter_menu .item .icon_file {
    color: #ff9800;
    font-weight: 500;
    min-width: 8px;
}

.ace_conter_menu .item .icon_file>img {
    width: 13px;
}

.ace_conter_menu .item .glyphicon-exclamation-sign {
    display: inline !important;
    font-size: 15px;
    color: rgb(204, 167, 0);
}

.ace_conter_menu .item .icon-tool.fa-circle {
    display: block;
}

.ace_conter_menu .item .icon-tool {
    display: none;
    position: absolute;
    right: 15px;
    top: 13px;
    transition: all 1000ms;
}

.ace_editor_add {
    float: left;
    height: 40px;
    padding: 9px 15px;
    font-size: 17px;
    color: #ddd;
    cursor: pointer;
    transition: all 500ms;
}

.ace_editor_add:hover {
    background-color: #505050
}

/* 关闭视图-开始 */
.ace-clear-form {
    padding-top: 25px;
}

.ace-clear-form .line {
    margin-left: 20px;
}

.clear-title {
    font-size: 15px;
    color: #333;
}

.clear-tips {
    font-size: 13px;
    color: #666;
}

.clear-tips,
.clear-title {
    padding-left: 80px;
}

.clear-icon {
    width: 30px;
    height: 30px;
    background-image: url(/static/layer/skin/default/icon.png);
    background-position: 0 0;
    position: absolute;
    left: 30px;
    top: 28px;
}

/* 取消按钮组 */
.ace-clear-btn {
    padding: 8px 20px 15px;
    text-align: right;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.ace-clear-btn .btn-default:hover {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

/* 关闭视图-结束 */
.ace_conter_toolbar {
    height: 35px;
    line-height: 35px;
    bottom: 0px;
    right: 0;
    left: 0;
    padding-right: 15px;
    text-align: right;
    position: absolute;
    background: #444;
    font-size: 0;
    overflow: hidden;
    transition: all 500ms;
}

.ace_conter_toolbar .pull-left {
    text-align: left;
    max-width: 50%;
}

.ace_conter_toolbar .pull-left,
.ace_conter_toolbar .pull-right {
    height: 35px;
}

.ace_conter_toolbar .pull-left span,
.ace_conter_toolbar .pull-right span {
    color: #fff;
    display: inline-block;
    border-right: 1px solid #505050;
    padding: 0 15px;
    cursor: pointer;
    transition: all 500ms;
    font-size: 13px;
}

.ace_conter_toolbar .pull-left span {
    border-right: 0;
    cursor: default;
}

.ace_conter_toolbar .pull-left span i,
.ace_conter_toolbar .pull-right span i {
    font-style: normal;
}

.ace_conter_toolbar .pull-right span:hover {
    background: #717171;
}

.ace_menu_title {
    height: 100%;
    width: 30px;
    background: #333;
    display: inline-block;
    position: relative;
    z-index: 999;
    border-right: 1px solid #444444;

}

.ace_menu_title span {
    width: 80px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    left: -25px;
    top: 25px;
    text-align: center;
    display: inline-block;
    text-align: center;
    color: #bfbfbf;
    transform: rotate(-90deg);
    cursor: pointer;
    border-right: 1px solid #3c3c3c;
}

.ace_menu_title span:hover {
    background-color: #2a2a2a;
}

.ace_menu_title span:nth-child(1) {
    border: none;
}

.ace_menu_title span:nth-child(2) {
    left: -25px;
    top: 105px;
    /*display: none;*/
}

.ace_menu_title span:nth-child(3) {
    left: -25px;
    top: 185px;
    border-left: none;
}

.ace_menu_title span.active {
    background-color: #292929;
    color: #d6ab35;
}

.ace_menu_title span.active .glyphicon-star:before,
.ace_menu_title span.active .glyphicon-time:before,
.ace_menu_title span.active .folder-icon:before {
    color: #d6ab35;
}

.ace_menu_title span .folder-icon {
    font-style: normal;
    font-size: 14px;
    margin-right: 4px;
    vertical-align: bottom;
    width: 15px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
}

.ace_menu_title span i.folder-icon:before {
    color: #bfbfbf;
    content: '\f016';
    font-family: octicons;
    display: inline-block;
}

.ace_menu_title span i.glyphicon {
    font-size: 14px;
    margin-right: 4px;
    vertical-align: bottom;
}

.ace_menu_title span i {
    height: 30px;
    line-height: 28px;
}

.ace_menu_title {
    display: inline-block;
}

.ace_menu_tab {
    display: none;
    position: absolute;
    top: 0;
    left: 30px;
    right: 0;
    bottom: 0;
    z-index: -1px;
}

.ace_menu_tab.active {
    display: inline-block;
}

.ace_toolbar_menu {
    position: absolute;
    z-index: 999999999;
    top: 40px;
    left: 50%;
    margin-left: -200px;
    background: #444444;
    width: 400px;
    padding: 15px 0;
    box-shadow: 0px 0px 2px 0px #000;
}

.ace_toolbar_menu .menu-conter {
    margin: 0 15px 15px;
    position: relative;
}

.ace_toolbar_menu .menu-conter .fa {
    display: none;
    position: absolute;
    right: 10px;
    top: 7px;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
}

.ace_toolbar_menu input {
    width: 100%;
    height: 35px;
    background: #444;
    border: 1px solid #7d7d7d;
    color: #fff;
    padding: 0px 10px;
    outline: none;
}

.ace_toolbar_menu input:focus {
    border: 1px solid #fff;
}

.ace_toolbar_menu .menu-item ul {
    overflow: auto;
    max-height: 300px;
}

.ace_toolbar_menu .menu-item li {
    padding: 0 20px;
    height: 35px;
    line-height: 35px;
    color: #fff;
    cursor: pointer;
    transition: all 500ms;
    position: relative;
}

.ace_toolbar_menu .menu-item li.active,
.ace_toolbar_menu .menu-item li.active:hover {
    background: #333;
}

.editor_menu li.active {
    background: #444 !important;
}

.ace_toolbar_menu .menu-item li:hover {
    background: #505050;
}

.ace_toolbar_menu .icon-link {
    margin-left: 15px;
    color: #20a53a;
}

.ace_toolbar_menu .menu-item .icon {
    position: absolute;
    right: 25px;
}

.ace_toolbar_menu .menu-title {
    padding: 0 0 10px 20px;
    border-bottom: 1px solid #666666;
    color: #9e9e9e;
}

.menu-setUp .menu-conter {
    padding-top: 15px;
}

.ace_toolbar_menu .menu-titles {
    display: inline-block;
    font-size: 13px;
    padding: 10px 0 10px 25px;
    color: #ccc;
}

.ace_toolbar_menu .menu-content {
    display: inline-block;
    /*font-size: 15px;*/
    color: #444;
    vertical-align: middle;
    margin-left: 5px;
}

.menu-content .btswitch-ios+.btswitch-btn {
    border: 0px;
}

.menu-content .btswitch+.btswitch-btn {
    height: 1.7em;
}

.make_transist {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.ace_conter_search {
    display: none;
}

.helps_conter {
    padding: 25px;
    overflow: hidden;
}

.helps_conter .helps_item {
    margin-bottom: 10px;
    display: inline-block;
    border-left: 3px solid #20a53a;
    padding-left: 5px;
    font-size: 15px;
}

.helps_conter .helps_box {
    margin-bottom: 20px;
    font-size: 14px;
    padding-left: 10px;
    line-height: 25px;
}



.helps_left {
    width: 50%;
    float: left;
    padding: 15px;
}

.cursor-row,
.cursor-line {
    margin: 5px;
}

.set_font_size,
.set_jump_line {
    margin-top: 20px;
    position: relative;
}

.set_font_size input,
.set_jump_line input {
    width: 250px;
}

.set_font_size .btn-save,
.set_jump_line .btn-save {
    margin-left: 15px;
    height: 35px;
    width: 80px;
    border: none;
    background: #20a53a;
    color: #fff;
    outline: none;
    transition: all 500ms;
}

.set_font_size .btn-save:hover,
.set_jump_line .btn-save:hover {
    background: #23963a;
}

.chrome .set_font_size .tips {
    color: #c7c7c7;

}

.set_font_size .tips {
    position: absolute;
    top: 10px;
    right: 150px;
    color: #888;
}

.ssl-file-error p span {
    font-weight: 600;
    margin-right: 10px;
}


.dropdown-menu-li {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.dropdown-menu-li.pull-right {
    right: 0;
    left: auto
}


.dropdown-menu-li>li>div>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    display: inline-block;
    padding: 0 15px 0 33px;
}

.dropdown-menu-li>li:hover,
.dropdown-menu>li:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5
}

.file-types {
    position: relative;
}

.file-types .ico-folder {
    background-image: url("");
}

.file-types .ico-file {
    background-image: url("");
}

.file-types .ico {
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 15px;
    margin-right: 10px;
    margin-left: 5px;
    width: 20px;
    margin-top: 3px;
    vertical-align: sub;
}

.file-type-li {
    position: relative;
}

.file-type-li .ico {
    position: absolute;
}

.file-type-span {
    position: absolute;
    right: 6px;
    top: 7px;
    font-size: 11px;
    transform: scale(.7);
}


/* 评价样式 */
.score_info_view {
    display: none;
    padding: 25px;
}

.comment_title {
    padding: 0 10px;
    width: 100%;
    height: 100px;
    box-sizing: border-box;
    border-bottom: 1px solid #efefef;
}

.comment_num {
    display: inline-block;
    font-size: 60px;
    line-height: 100px;
    color: #666666;
}

.comment_num_tips {
    list-style-type: none;
    width: 145px;
    height: 100px;
    display: inline-block;
    vertical-align: top;
    padding-left: 10px;
    padding: 20px 0 20px 15px;
    box-sizing: border-box;
    margin: 0;
    line-height: 19px;
}

.comment_num_tips li {
    color: #888;
    display: inline-block;
    font-size: 13.5px;
}

.comment_left {
    margin-right: 10px;
    display: inline-block;
}

.comment_star_group {
    height: 12px;
    line-height: 12px;
}

.comment_right {
    width: 230px;
    height: 100px;
    display: inline-block;
    box-sizing: border-box;
    float: right;
    padding: 20px 0;
}

.comment_right .comment_progress {
    width: 150px;
    height: 6px;
    position: relative;
    display: inline-block;
    margin-left: 8px;
    top: -1.5px;
    vertical-align: baseline;
}

.comment_right .comment_progress_bgw {
    width: 0;
    height: 6px;
    background: #CCCCCC;
    border-radius: 2px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
}

.comment_right .comment_progress_speed {
    width: 150px;
    height: 6px;
    background: #EFEFEF;
    border-radius: 2px;
}

.comment_right .comment_star {
    display: inline-block;
    height: 12px;
    line-height: 12px;
    vertical-align: text-top;
}

.comment_star .star_active {
    color: #F6BA2A;
}

.comment_star .star_none {
    color: #fff;
}

.comment_star {
    display: inline-block;
    font-size: 0px;
}

.comment_star span {
    font-size: 12px;
    margin-right: 1px;
}

.comment_tab {
    padding: 15px 10px 20px 10px;
    display: flex;
    display: none;
}

.comment_tab span {
    display: inline-block;
    width: 125px;
    margin: 0 10px;
    border-radius: 3px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #555;
    background-color: #F7F7F7;
    border: 1px solid #efefef;
    flex: 1;
    cursor: pointer;

}

.comment_tab span:first-child {
    margin-left: 0px;
}

.comment_tab span:last-child {
    margin-right: 0px;
}

.comment_tab span.active {
    background-color: #20a53a;
    border-color: #20a53a;
    color: #fff;
}

.comment_tab span i {
    font-style: normal;
    font-weight: 600;
}

.comment_box {
    margin-left: 1%;
    margin-right: 0;
    padding: 20px;
    border-radius: 2px;
    background: #F8F8F8;
    margin-bottom: 10px;
    width: 48%;
    float: left;
    transition: all 500ms;
}

.comment_box:hover {
    box-shadow: 0 0 4px 2px #00000022;
    cursor: pointer;
}

.comment_box:nth-child(2n) {
    margin-left: 2%;
    margin-right: 1%;
    padding: 20px;
    border-radius: 2px;
    background: #F8F8F8;
    margin-bottom: 10px;
    width: 48%;
}

.comment_box_title {
    padding-bottom: 10px;
}

.comment_box_title .nice_star {
    margin-right: 10px;
}

.comment_box_title .nice_star span {
    font-size: 15px;
    vertical-align: text-bottom;
    color: #aaa;
}

.comment_box_title .nice_star span.star_active {
    color: #F6BA2A;
}

.comment_box_title .nice_time {
    font-weight: 500;
    color: #777;
    font-size: 13px;
    float: right;
}

.comment_box_title .nice_name {
    font-weight: 500;
    color: #777;
    font-size: 13px;
    display: inline-block;
    width: 90px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
}

.comment_box_content {
    color: #777;
    font-size: 13px;
    height: 36px;
}

.edit_view.active {
    cursor: no-drop;
    background: #ddd;
    border: 1px solid #ccc;
}

.edit_view.active:hover {
    background: #ccc;
}

.edit_view .glyphicon {
    font-size: 16px;
    position: relative;
    top: 2px;
}

.edit_view {
    width: 200px;
    height: 35px;
    line-height: 35px;
    border-radius: 20px;
    text-align: center;
    background: #21a53a;
    border: 1px solid #21a53a;
    color: #fff;
    font-size: 15px;
    position: relative;
    left: 50%;
    cursor: pointer;
    transition: 500ms all;
    margin: 15px 0 8px -100px;
}

.edit_view:hover {
    background: #0f9228;
}

.comment_content {
    overflow-y: auto;
    height: 365px;
    border-radius: 2px;
    padding: 10px 0;
    display: none;
}

.comment_box.get_next_page {
    display: block;
    width: auto;
    padding: 12px;
    text-align: center;
    font-size: 14px;
    color: #888;
    line-height: 14px;
    box-sizing: border-box;
    cursor: pointer;
    transition: all 500ms;
    margin: 1%;
    float: none;
    clear: both;
}

.comment_box.get_next_page span {
    vertical-align: text-top;
}

.comment_box.get_next_page:hover {
    background-color: #ececec;
    color: #666;
    box-shadow: none;
}

.comment_content.box-shadow {
    box-shadow: -5px 0 3px 0px #00000022 inset;
}

.add_score_view {
    padding: 30px 30px 0 30px;
}

.score_icon_group {
    text-align: center;
    height: 30px;
    line-height: 30px;
    font-size: 32px;
    margin-bottom: 2px;
    color: #cecece;
}

.score_icon_group_tips {
    text-align: center;
    color: #666;
    font-size: 13px;
    margin-top: 10px;
}

.score_icon_group span {
    margin: 0 2px;
    cursor: pointer;
    color: #bbb;
    transition: all 500ms;
}

.score_icon_group span.active {
    color: #F6BA2A;
}

.score_input {
    width: auto;
    display: block;
    width: 100%;
    height: 130px;
    padding: 7px 5px 5px 8px;
    margin-top: 10px;
    line-height: 20px;
    font-size: 13px;
    display: none;
}

.score_input_tips {
    margin-top: 5px;
    color: #888;
    display: none;
}

.score_input_tips i {
    font-style: normal;
    color: #666;
}

.score_details {
    padding: 50px 25px;
}

.score_details .nice_star span {
    font-size: 17px;
}

.score_details .nice_name {
    font-size: 14px;
}

.score_details .nice_time {
    font-size: 14px;
}

.score_details .comment_box_content {
    height: auto;
    font-size: 14px;
    line-height: 18px;
}

.score_details .comment_box_title {
    padding-bottom: 15px;
}

/* 结束 */
/* 文件侧边栏 */
.cd-accordion-menu {
    overflow-y: hidden;
}

.cd-accordion-menu .has-children {
    min-height: 28px;
    line-height: 28px;
    position: relative;
}

.cd-accordion-menu .has-children ul {
    display: none;
    position: relative;
}

.cd-accordion-menu .has-children .file_fold.active {
    color: rgb(204, 167, 0);
}

.cd-accordion-menu .has-children .file_fold.bg {
    background: #2f2f2f;
}

.cd-accordion-menu .has-children .file_fold.bg:hover {
    background: #2f2f2f;
}

.cd-accordion-menu .has-children .file_fold:hover {
    background-color: #272727;
}

.cd-accordion-menu .has-children .file_fold:hover .file_tools {
    background-color: #272727;
}

.cd-accordion-menu .has-children .file_fold {
    margin-bottom: 0;
    padding-left: 10px;
    width: 100%;
    font-size: 13px;
    cursor: pointer;
    color: #cccccc;
    position: relative;
    height: 28px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cd-accordion-menu .has-children .file_fold>span.glyphicon {
    position: absolute;
    left: 10px;
    top: 7px;
    font-size: 12px;
}

.cd-accordion-menu .has-children .file_title {
    position: relative;
    left: 20px;
    font-weight: 500;
    height: 27px;
    display: inline-block;
    width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cd-accordion-menu .has-children .file_tools {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
}

.cd-accordion-menu .has-children .file_tools i {
    float: right;
}

.cd-accordion-menu .has-children .file_fold .file_tools,
.cd-accordion-menu .has-children .file_fold .file_tools.active,
.cd-accordion-menu .has-children .file_fold .file_tools i.active,
.cd-accordion-menu .has-children .file_fold:hover .file_tools i {
    display: block;
}

.cd-accordion-menu .has-children i.glyphicon.glyphicon-star {
    display: block;
    color: #cca700;
}

.cd-accordion-menu .has-children i.glyphicon {
    line-height: 26px;
    height: 26px;
    vertical-align: middle;
    width: 25px;
    text-align: center;
    font-size: 16px;
    color: #ccc;
    display: none;
}

.cd-accordion-menu .has-children i.glyphicon-share.active {
    color: #579e65;
}


.cd-accordion-menu .has-children .file_title.not_data {
    color: #444;
}

.cd-accordion-menu .has-children .file_input {
    position: relative;
    left: 20px;
    font-weight: 500;
    height: 28px;
    display: inline-block;
    width: 100%;
}

.cd-accordion-menu .has-children .file_input i,
.cd-accordion-menu .has-children .file_title i {
    font-style: normal;
    font-size: 16px;
    margin-right: 7px;
    vertical-align: bottom;
    width: 16px;
    height: 28px;
    display: inline-block;
}

.default-icon {
    position: relative;
    left: 1px;
    font-size: 16px;
}

.default-icon:before {
    color: #cccccc;
    content: '\f011';
    font-family: octicons;
}

.cd-accordion-menu .has-children .folder-icon {
    font-style: normal;
    font-size: 14px;
    margin-right: 7px;
    vertical-align: bottom;
}

.ace_catalogue_menu .folder-icon:before,
.cd-accordion-menu .has-children .folder-icon:before {
    color: #d6ab34;
    content: '\f016';
    font-family: octicons;
    display: inline-block;
}

.has_children_separator {
    position: absolute;
    top: 29px;
    bottom: 0;
    width: 1px;
    background: #333;
    left: 15px;
}

.group_1 {
    padding-left: 10px !important;
}

.group_1>span.glyphicon {
    left: 10px !important;
}

.children_1 .has_children_separator {
    left: 15px !important;
}

.group_2 {
    padding-left: 25px !important;
}

.group_2>span.glyphicon {
    left: 25px !important;
}

.children_2 .has_children_separator {
    left: 30px !important;
}

.group_3 {
    padding-left: 40px !important;
}

.group_3>span.glyphicon {
    left: 40px !important;
}

.children_3 .has_children_separator {
    left: 45px !important;
}

.group_4 {
    padding-left: 55px !important;
}

.group_4>span.glyphicon {
    left: 55px !important;
}

.children_4 .has_children_separator {
    left: 60px !important;
}

.group_5 {
    padding-left: 70px !important;
}

.group_5>span.glyphicon {
    left: 70px !important;
}

.children_5 .has_children_separator {
    left: 75px !important;
}

.group_6 {
    padding-left: 85px !important;
}

.group_6>span.glyphicon {
    left: 85px !important;
}

.children_6 .has_children_separator {
    left: 90px !important;
}

.group_7 {
    padding-left: 100px !important;
}

.group_7>span.glyphicon {
    left: 100px !important;
}

.children_7 .has_children_separator {
    left: 105px !important;
}

.group_8 {
    padding-left: 115px !important;
}

.group_8>span.glyphicon {
    left: 115px !important;
}

.children_8 .has_children_separator {
    left: 120px !important;
}

/* 文字省略 */
.size_ellipsis {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ace_conter_tips {
    height: 50px;
    background: #d29232;
    z-index: 99999;
    position: absolute;
    width: 100%;
    display: none;
    bottom: -1px;
}

.ace_conter_tips .tips {
    display: inline-block;
    padding-left: 15px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    height: 100%;
    line-height: 50px;
    vertical-align: top;
    transition: all 500ms;
}

.ace_tab_menu,
.ace_catalogue_menu {
    padding: 5px 0;
    width: 150px;
    border: 1px solid #ececec;
    position: fixed;
    z-index: 9999;
    background: #fff;
    border-radius: 2px;
    display: none;
}

.ace_tab_menu li,
.ace_catalogue_menu li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 150px;
    height: 30px;
    font-size: 13px;
    line-height: 30px;
    padding-left: 35px;
    box-sizing: border-box;
    position: relative;
    color: #555;
    left: -1px;
}

.ace_tab_menu li {
    padding-left: 15px;
}

.ace_tab_menu li:hover,
.ace_catalogue_menu li:hover {
    background: #efefef;
    cursor: pointer;
}

.ace_catalogue_menu li .glyphicon {
    top: 7px;
    left: 9px;
    color: #999;
}

.ace_catalogue_menu li .glyphicon:before {
    font-size: 15px;
}

.ace_catalogue_menu li .glyphicon-folder-open:before {
    font-size: 13px;
    color: rgb(204, 167, 0);
}

.ace_catalogue_menu li i {
    font-style: normal;
    position: absolute;
    left: 10px;
}

.ace_catalogue_menu li i:before {
    font-size: 17px;
}

.newly_file_input {
    height: 24px;
    background: #555;
    outline: none;
    padding-left: 5px;
    border: 1px solid #528bff;
}

.file_input .glyphicon-ok {
    position: absolute;
    right: 46px;
    left: auto;
    display: inline-block;
    color: #20a53a;
    width: 20px;
    height: 26px;
    line-height: 26px;
    text-align: center;
}

.file_input .glyphicon-remove {
    position: absolute;
    right: 22px;
    left: auto;
    display: inline-block;
    color: #f34a4a;
    width: 20px;
    height: 26px;
    line-height: 27px;
    text-align: center;
}

.ace_catalogue_menu .rename-icon {
    background-position: 0 -64px;
}

.ace_catalogue_menu .down-icon {
    background-position: -16px -48px;
}

.ace_catalogue_menu .del-icon {
    background-position: 0 -80px;
}

.ace_catalogue_menu .img-icon {
    display: inline-block;
    background-image: url('../img/file_menu_icon.png');
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    margin-top: -8.5px;
    font-style: normal;
    background-size: auto !important;
    background-repeat: no-repeat;
}

/* 结束 */
.php_info_group {
    margin-top: 15px;
}

.php_info_group p {
    height: 35px;
    line-height: 35px;
    border: 1px solid #ddd;
    border-bottom: none;
    padding-left: 5px;
    font-size: 14px;
    background: #f1f1f1;
}

.php_info_group:last-child {
    margin-bottom: 15px;
}

.ace_config_editor_scroll ::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 10px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}

.ace_config_editor_scroll ::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #999;
}

.ace_config_editor_scroll ::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    background: #ededed;
    border-radius: 5px;
}

/*外链分享 */
.checkbox_grourd input {
    margin-right: 2px;
    height: 16px;
    width: 16px;
}

.checkbox_grourd {
    height: 30px;
    line-height: 32px;
    margin-right: 20px;
    font-size: 14px;
    font-weight: initial;
    color: #666;
}

.external_link button {
    vertical-align: middle;
}

.external_link button .icon {
    font-size: 17px;
}

/*固定表格头样式*/
.thead_div .btlink {
    color: #666
}

.thead_div,
.tbody_div {
    position: relative;
}

.tbody_div {
    overflow: auto;
    margin-top: -1px;
}

.tbody_shadow_top {
    width: 100%;
    height: 6px;
    position: absolute;
    background: -webkit-linear-gradient(top, rgba(220, 220, 220, .8), rgba(255, 255, 255, 0));
    background: -moz-linear-gradient(top, rgba(220, 220, 220, .8), rgba(255, 255, 255, 0));
    background: -o-linear-gradient(top, rgba(220, 220, 220, .8), rgba(255, 255, 255, 0));
    background: linear-gradient(top, rgba(220, 220, 220, .8), rgba(255, 255, 255, 0));
    display: none;
}

.tbody_shadow_bottom {
    width: 100%;
    height: 6px;
    position: absolute;
    bottom: 0;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(220, 220, 220, .8));
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(220, 220, 220, .8));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(220, 220, 220, .8));
    background: linear-gradient(top, rgba(255, 255, 255, 0), rgba(220, 220, 220, .8));
    display: block;
}


.btn-plan-defind {
    pointer-events: none;
    background-color: rgb(230, 230, 230);
    color: rgb(51, 51, 51);
    border: none;
}

.keysUp_left {
    float: left;
    width: 50%;
    padding: 30px 50px;
}

.keysUp_right {
    float: left;
    width: 50%;
    padding: 30px 0px;
}

.keysUp-row {
    margin-bottom: 30px;
    color: #eee;
}

.keysUp-title {
    margin-bottom: 15px;
    border-left: 4px solid #20a53a;
    padding-left: 5px;
    padding: 5px 0 5px 10px;
    font-size: 16px;
}

.keysUp-content {
    padding-left: 10px;
}

.keysUp-item {
    line-height: 25px;
    color: #333;
    font-size: 0;
    margin-bottom: 5px;
}

.keysUp-item img {
    width: 14px;
}

.keysUp-item .keysUp-btn {
    border: 1px solid #ccc;
    height: 25px;
    padding: 0 10px;
    text-align: center;
    display: inline-block;
    border-radius: 2px;
    font-size: 12px;
    font-weight: 600;
    color: #ccc;
}

.keysUp-item .keysUp-btn i {
    font-size: 13px;
}

.keysUp-item .keysUp-symbol {
    padding: 0 5px;
    font-size: 15px;
    font-weight: 600;
    color: #ccc;
}

.keysUp-item .keysUp-symbols {
    padding: 0 2px;
    font-size: 12px;
    font-weight: 600;
    color: #ccc;
}

.keysUp-item .keysUp-tips {
    padding-left: 25px;
    font-size: 13px;
    color: #ccc;
}


.secScanning .secHead {
    display: block;
    height: 100px;
    border-bottom: 1px solid #ececec;
    padding-top: 25px;
}

.secScanning .secHead p {
    padding-left: 50px;
    font-size: 18px;
}

.secScanning .sec_list_title {
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #ececec;
    padding-left: 30px;
    position: relative;
    background: rgba(247, 247, 247, 0.69);
}

.secScanning .secHead .secHeadLeft {
    display: inline-block;
}

.secScanning .secHead .secHeadTime {
    font-size: 14px;
    margin-top: 5px;
}

.secScanning .secHead .secRestart {
    padding-top: 15px;
}

.secScanning .sec_list_title:hover {
    background-color: hsla(0, 0%, 95%, .9);
    cursor: pointer;
}

.secScanning .sec_list_title span {
    font-size: 15px;
    font-weight: bold;
}

.secScanning .sec_list_title .pull_down {
    position: absolute;
    top: 19px;
    right: 50px;
    display: block;
    width: 13px;
    height: 13px;
    border-right: 1.5px solid #20a53a;
    border-bottom: 1.5px solid #20a53a;
    cursor: pointer;
    transition: all .5s;
    transform: rotate(45deg);
}

.secScanning .sec_list_title .pull_down.active {
    transform: rotate(225deg);
}

.secScanning .secConter .sec_list:last-child .sec_list_conter {
    display: none;
}

.secScanning .secConter .sec_list_conter {
    background: rgb(255, 255, 255);
    transition: all 0.5s ease 0s;
}

.secScanning .secConter .sec_list_conter dd {
    padding-left: 40px;
    height: 40px;
    border-bottom: 1px solid #ececec;
    font-size: 13px;
    line-height: 40px;
}

.secScanning .secOverflow {
    width: 560px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.secScanning .secRestart a {
    display: inline;
    margin-right: 4pc;
    padding: 8px 25px;
    border: 1px solid #20a53a;
    border-radius: 42px;
    background: #20a53a;
    color: #fff;
    text-decoration: none;
    font-size: 1pc;
    transition: .5s all;
}

#btvideo {
    display: inline-block;
    height: 410px;
}

.video-list {
    display: inline-block;
    width: 250px;
    height: 410px;
    transition: all 500ms;
    position: absolute;
    /*overflow: auto;*/
}

.video-list .video-avt {
    background-color: #e8e8e8;
}

.movie_pay .layui-layer-content {
    overflow: hidden !important;
}

.video-list .video-avt td a,
.video-list .video-avt td {
    color: #20a53a;
}

.video-list tr td {
    border-top: 0px;
    border-bottom: 1px solid #ddd;
}

.video-list tr:hover {
    cursor: pointer;
}

#btvideo video {
    outline: none;
    padding: 0;
    display: block;
    background-color: #000;
    transition: all 500ms;
}

.divtable .table {
    border: 1px solid #ddd;
    color: #666;
    font-size: 12px;
    margin-bottom: 0;
}

.divtable {
    position: relative;
}

.table-fixed-box {
    overflow-y: auto;
}

.ui-selectable {
    padding-bottom: 0;
}

.divtable .table thead th {
    vertical-align: inherit;
    background-color: #f6f6f6;
    border-bottom: 1px solid #e6e6e6;
    color: #666;
    font-weight: normal;
    padding: 8px
}

.divtable .table_toolbar {
    left: 8px;
    bottom: 6px;
    position: absolute;
}

.video-list td span {
    width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.play_title {
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #ececec;
    border: 1px solid #d0d0d0cc;
}

.play_content {
    overflow: auto;
    height: 410px;
    border-top: 1px solid #ececec;
    background: #fff;
}

.play_item {
    border-bottom: 1px solid #ececec;
    padding: 10px;
    font-size: 13px;
    color: #555;
}

.play_item .play_item_filename {
    width: 125px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: top;
}

.play_item span {
    cursor: pointer;
}

.play_item .play_item_size {
    width: 83px;
    display: inline-block;
    text-align: right;
}

.play_item.active {
    background: #ececec;
    color: #20a53a;
}

.shrink_play_list {
    padding: 15px 5px 12px 5px;
    line-height: 15px;
    text-align: center;
    background: #fff;
    position: absolute;
    border: 1px solid #d6d6d6;
    width: 30px;
    font-size: 12px;
    color: #666;
    left: -30px;
    top: 50%;
    margin-top: -75px;
    cursor: pointer;
    display: none;
    border: 1px solid #ececec;
    border-radius: 2px;
}

.play_item:hover {
    background-color: #f3f3f3;
}

/* 专业版优势 */
.soft_tips_text {
    /* font-weight: 700; */
    display: inline-block;
    font-size: 14px;
}
.showprofun .soft_tips_text{
    display:block;
}
.alert.showprofun .btn-ground{
    margin-left: 45px;
    margin-top: 10px;
}
.soft_tips_text .pro_introduce{
    display: inline-block;
}
.soft_tips_text .pro_ic_title .glyphicon{
    color: #ff8d00;
}
.soft_tips_text .pro_ic_title div span:nth-child(2){
    font-weight: initial;
}
/* 专业版优势 end*/
.alert-ltd-success {
    color: #7d7054;
    background-color: #fbf3de;
    border-color: #ece8d5;
}

.btn-ground {
    display: inline-block;
}

.file_dir_uploads .layui-layer-btn {
    padding: 0px 15px 15px 0 !important;
    background: none;
    border-top: none;
}

.file_dir_uploads .layui-layer-btn a {
    margin-left: 15px;
}

.upload_tips_mask {
    position: absolute;
    z-index: 999;
    background-color: #fff;
    width: 100%;
    left: 0;
    top: 0;
    height: 445px;
    border: 2px dashed #e0e0e0;
    text-align: center;
}

.upload_file_body {
    position: relative;
}

.upload_file_body.active {
    height: 345px;
    border: 2px dashed #e0e0e0;
    text-align: center;
}

.upload_tips_mask span,
.upload_file_body.active span {
    font-size: 35px;
    color: #999;
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    margin-top: -40px;
}

.dropUpLoadFile {
  position: relative;
  overflow: auto;
  height: 300px
  padding-top: 0;
}

.dropUpLoadFile::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 15px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}

.dropUpLoadFile::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 0;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #bbb;
}

.dropUpLoadFile::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    background: #ededed;
}

.dropUpLoadFile li {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #ececec;
    position: relative;
}

.dropUpLoadFileHead {
    border-bottom: 1px solid #dedede;
}

.dropUpLoadFileHead li.fileTitle {
    border-color: #ccc;
}

.upload_btn_groud .file_upload_info {
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    color: #fff;
    padding-left: 15px;
    font-weight: 400;
    color: #3c763d;
    background-color: #dff0d8;
    border: 1px solid #d6e9c6;
    border-radius: 2px;
    position: relative;
}

.upload_btn_groud .file_upload_info .ico-tips-close {
    height: 22px;
    width: 22px;
    background: #90bb81;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -11px;
    cursor: pointer;
    transition: all 500ms;
}

.upload_btn_groud .file_upload_info .ico-tips-close:hover {
    background: #658859;
}


.upload_btn_groud .file_upload_info .ico-tips-close:after {
    transform: rotate(45deg);
}

.upload_btn_groud .file_upload_info .ico-tips-close:before {
    transform: rotate(-45deg);
}

.upload_btn_groud .file_upload_info .ico-tips-close:after,
.upload_btn_groud .file_upload_info .ico-tips-close:before {
    content: '';
    display: inline-block;
    height: 12px;
    width: 2px;
    background: #ececec;
    border-radius: 5px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -6px;
    margin-left: -1px;
}

.upload_btn_groud .file_upload_info i {
    font-style: initial;
}

.upload_btn_groud .file_upload_info span {
    margin-right: 10px;
    font-size: 13px;
    display: inline-block;
    height: 38px;
    line-height: 38px;
    margin-right: 0;
    padding-left: 10px;
}

.dropUpLoadFile li .fileItem {
    position: relative;
    z-index: 999;
}

.dropUpLoadFile li .fileLoading {
    content: '';
    width: 0%;
    height: 40px;
    background: #6fb9d621;
    position: absolute;
    left: 0;
    top: 0;
    transition: width 100ms;
    z-index: 998;
}

.dropUpLoadFile li:hover {
    cursor: pointer;
}

.upload_btn_groud .dropdown-menu {
    width: 100%;
    min-width: 120%;
    font-size: 13px;
}

.upload_btn_groud .btn-group:hover .dropdown-menu {
    display: block;
}

.dropdown-menu:before {
    content: '';
    width: 100%;
    position: absolute;
    top: -5px;
    height: 5px;
}

.upload_btn_groud {
    margin-bottom: 5px;
    height: 40px;
    line-height: 40px;
}

.upload_btn_groud .dropdown-toggle {
    border-left-color: #3f51b5;
}

.upload_btn_groud .btn-primary {
    background-color: #4592f0;
    border-color: #367fa9;
}

.dropUpLoadFileHead li.fileTitle span {
    color: #666;
    font-size: 13px;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    margin-right: 0;
    padding-left: 10px;
    font-weight: 500;
}

.dropUpLoadFileHead li.fileTitle span:nth-child(1) {
    width: 50%;
    padding-left: 15px;
}

.dropUpLoadFileHead li.fileTitle span:nth-child(2) {
    width: 25%;
}

.dropUpLoadFileHead li.fileTitle span:nth-child(3) {
    width: 25%;
}

.dropUpLoadFile .fileItem>span {
    color: #666;
    font-size: 12px;
    vertical-align: top;
    padding-left: 10px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
}

.dropUpLoadFile li .filename {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 50%;
    padding-left: 15px;
}

.dropUpLoadFile li .filename .ico {
    height: 27px;
    line-height: 27px;
    background-size: 27px;
    width: 25px;
    vertical-align: middle;
    margin-right: 10px;
    float: initial;
    image-rendering: -webkit-optimize-contrast;
}

.dropUpLoadFile li .filesize {
    color: #999;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 25%;
}

.dropUpLoadFile li .fileStatus {
    width: 25%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dropUpLoadFile li em {
    font-style: normal;
    color: #06F;
    float: right;
    margin-right: 10px;
}

.upload_success {
    color: #20a53a !important;
}

.upload_error {
    color: #F56C6C !important;
}

.upload_primary {
    color: #409EFF !important;
}

.upload_warning {
    color: #409EFF !important;
}

.alert_image {
    background-image: url('');
    background-repeat: no-repeat;
    position: absolute;
    width: 54px;
    height: 54px;
    left: -1px;
    top: 0px;
}

/*登录时免费15企业版领取label样式*/
.radio_account_view.box-group {
    margin-right: 10px;
    vertical-align: middle;
    height: 17px;
    line-height: 17px;
    text-align: left;
}

.radio_account_view .bt_checkbox_groups {
    display: inline-block;
    height: 16px;
    width: 16px;
    border-radius: 1px;
    cursor: pointer;
    border: 1px solid #c2c2c2;
    position: relative;
    text-align: center;
    line-height: 20px;
    margin: 0;
    margin-right: 10px;
    vertical-align: top;
}

.radio_account_view .bt_checkbox_groups.active {
    border: none;
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    background: #20a53a;
    color: #fff;
}

.radio_account_view .bt_checkbox_groups.active:after {
    content: "\e013";
    font-size: 12px;
    transform: scale(.85);
    position: absolute;
    left: 2px;
    top: 2px;
}

/*登录时免费15企业版领取label样式  end*/


/*消息通道安装模块样式 start*/
.alarm-view .plugin_body {
    position: relative;
    height: 525px;
}

.alarm-view .plugin_user_info {
    padding: 15px 30px;
    line-height: 26px;
    background: #f5f6fa;
    border-radius: 5px;
    border: 1px solid #efefef;
}

.alarm-view .plugin_user_info p {
    font-size: 14px;
}

.alarm-view .plugin_update {
    position: absolute;
    bottom: -15px;
    left: -14px;
    background-color: #f7f7f7;
    width: 489px;
    height: 45px;
    line-height: 45px;
    padding-left: 15px;
}

.alarm-view .plugin_update button {
    position: absolute;
    right: 10px;
    top: 9px;
}

/*消息通道安装模块样式  end*/



/* 编辑器收藏夹 */
.cd-accordion-menu.active .remove_store_class,
.cd-accordion-menu.active .not_store_class,
.cd-accordion-menu.active .remove_store_item {
    display: inline-block;
}

.remove_store_class,
.remove_store_item {
    display: none;
    float: right;
    color: #b33131;
    position: absolute;
    right: 0;
    padding: 0px 5px;
    background: #222;
    /* display:none; */
}

.ace_catalogue_list_star .has-children>.file_fold>.file_title:hover .remove_store_class,
.ace_catalogue_list_star .has-children>.file_fold>.file_title:hover .remove_store_item {
    color: red;
    background: #272727;
}

.not_store_class {
    float: right;
    cursor: no-drop;
    color: #555;
    display: none;
}

.set_stat_list.active {
    color: #ec4545;
    background-color: #444444;
}


/* 软件商店套件样式 start*/
.recom_list {
    display: flex;
    height: 60px;
    line-height: 60px;
    margin-bottom: 15px;
}

.recom_list li {
    flex: 1;
    text-align: center;
    background-size: cover;
    margin: 0 10px;
    border-radius: 8px;
    position: relative;
}

.recom_list li img {
    width: 100%;
    height: 100%;
    opacity: .75;
}

.recom_list li:last-child {
    margin-right: 0;
}

.recom_list li:first-child {
    margin-left: 0;
}

.recom_list li a {
    display: inline-block;
    width: 100%;
    height: 60px;
    border-right: 2px;
    font-size: 21px;
    text-decoration: none;
    color: #366930;
}

.recom_list li {
    background: #cae2bf;
    border-radius: 4px;
    border: 1px solid #c2d8ae;
}

.recom_list li span {
    /*text-shadow: 2px 2px 7px #4a4a4a;*/
}

.plugin_package_line {
    margin-bottom: 20px;
}

.plugin_package_line .package_name {
    font-size: 20px;
    color: #000;
    font-weight: 700;
    line-height: 28px;
}

.plugin_package_line .package_endtime {
    font-size: 14px;
    display: inline-block;
    margin-left: 20px;
    color: #868a8d;
}

.plugin_package_line .package_description {
    text-align: left;
    margin-top: 20px;
    font-size: 14px;
    color: #868a8d;
}

.plugin_package_line .plugin_content {
    margin-top: 15px;
}

.plugin_package_line .plugin_box {
    display: inline-block;
    width: 20%;
    height: 204px;
    vertical-align: top;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
    background-color: #fafafa;
    padding: 15px;
    position: relative;
}

.plugin_package_line .plugin_box:last-of-type {
    margin-right: 0;
}

.plugin_package_line .item_name {
    font-size: 16px;
    margin-bottom: 10px;
}

.plugin_package_line .item_info {
    font-size: 12px;
    color: #868a8d;
    line-height: 22px;
}

.plugin_package_line .plugin_price {
    font-size: 12px;
    display: inline-block;
    color: #ccc;
}

.plugin_package_line .plugin_price span {
    font-size: 20px;
}

.plugin_package_line .plugin_body {
    position: absolute;
    bottom: 10px;
}

.plugin_package_line .plugin_footer ul {
    margin-top: 10px;
}

.plugin_package_line .plugin_footer ul li {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    background-color: #e6e6e6;
    padding: 0 20px;
    margin-right: 15px;
    cursor: pointer;
    background: #f9f9f9;
    border: 1px solid #ebebeb;
}

.plugin_package_line .plugin_footer ul li.active,
.plugin_package_line .plugin_footer ul li:hover {
    color: #fff;
    background-color: #20a53a;
}

.plugin_package_line .plugin_footer {
    margin-top: 50px;
}

.plugin_package_line .package_price {
    font-size: 26px;
    font-weight: 600;
    color: #FC6D26;
    margin-top: 30px;
}

.plugin_package_line .package_price div {
    display: inline-block;
    color: #ccc;
    font-size: 16px;
    margin-left: 20px;
    font-weight: 400;
}

.plugin_package_line .package_buy {
    text-align: center;
    margin-top: 20px;
}

.plugin_package_line .package_buy .submit_buy {
    width: 150px;
    padding: 5px 0;
    font-size: 17px;
}

.plugin_package_line .icon-plus {
    display: inline-block;
    width: 31px;
    height: 31px;
    border-radius: 16px;
    background-color: #dff0d8;
    margin: 87px 16px;
    position: relative;
}

.plugin_package_line .icon-plus:after {
    background-color: #fff;
    height: 15px;
    width: 3px;
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    left: 14px;
}

.plugin_package_line .icon-plus:before {
    background-color: #fff;
    height: 3px;
    width: 15px;
    content: "";
    display: block;
    position: absolute;
    top: 14px;
    left: 8px;
}

.plugin_package_line .icon-plus:last-of-type {
    display: none;
}

/* -----微信支付--- */
.package_wx_buy {
    padding: 20px 0;
    border: 1px solid #f5f5f5;
    border-radius: 4px;
}

.package_wx_buy .payTitle {
    margin-bottom: 15px;
    height: 50px;
    background: url("") no-repeat center center;
    text-indent: -999px;
    background-size: 150px;
}

.package_wx_buy .paymethod {
    width: 200px;
}

.package_wx_buy .paymethod .pay-wx canvas {
    width: 200px;
    height: 200px;
    margin: 0;
}

.package_wx_buy .paymethod .pay-wx {
    height: 200px;
}

.package_wx_buy .lib-price-box {
    margin-top: 10px;
}

.package_wx_buy .lib-price-box .lib-price-name {
    font-size: 18px;
}

.package_wx_buy .lib-price-box .price-txt {
    font-size: 20px;
}

.package_wx_buy .lib-price-box .price-txt b {
    font-size: 28px;
}

.package_wx_buy .lib-price-detailed {
    margin: 0 auto;
    margin-top: 15px;
    width: 420px;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
}

.package_wx_buy .lib-price-detailed .info {
    overflow: hidden;
    display: flex;
}

.package_wx_buy .lib-price-detailed .info span {
    flex: 1;
    display: inline-block;
    padding: 10px 15px;
    font-weight: 500;
    color: #555;
}

.package_wx_buy .lib-prompt span {
    display: block;
    margin: 0 auto;
    margin-top: 25px;
    padding-left: 45px;
    width: 200px;
    height: 45px;
    background: url("") no-repeat;
    text-align: center;
    line-height: 45px;
    background-size: 45px;
    font-size: 15px;
    color: #777;
    font-weight: 500;
    background-position: 20px 3px;
}

/* 软件商店套件样式 end*/

/*删除数据库弹窗样式*/
.promptDelete p {
    font-size: 14px;
}

.promptDelete .confirm-info-box {
    position: relative;
    margin-top: 15px;
}

.promptDelete input {
    width: 300px;
    height: 30px;
}

.promptDelete .placeholder {
    left: 7px;
    top: 2px;
}

/*删除数据库弹窗样式 end*/


/*商用证书*/
.business_ssl_application {
    padding: 0px 20px 40px 20px;
}

.business_ssl_application .guide_body {
    position: relative;
}

.guide_content {
    padding-top: 10px;
    margin: 0 auto;
    width: 540px;
}

.guide_content .line {
    margin-bottom: 5px;
}

.ssl_product_table {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 410px;
}

.ssl_product_table tbody tr td:nth-child(1) input {
    height: 15px;
    width: 15px;
    margin-right: 5px !important;
    color: #20a532;
}

.ssl_product_table tbody tr.active {
    background-color: #ececec;
}

.ssl_product_table tbody tr:hover {
    cursor: pointer;
}

.ssl_product_table tbody tr td:nth-child(1) input,
.ssl_product_table tbody tr td:nth-child(1) span {
    vertical-align: text-top;
    margin: 0;
}

.guide_path_progress {
    margin: 0 150px;
    height: 3px;
    display: inline-block;
    position: absolute;
    top: 35px;
}

.guide_path_progress span {
    height: 3px;
    z-index: 980;
    display: inline-block;
    position: absolute;
    left: 0;
}

.guide_path_progress span:nth-child(1) {
    width: 0;
    background: #20a53a;
}

.guide_path_progress span:nth-child(2) {
    width: 300px;
    background: #cccccc;
    z-index: 910;
}

.business_ssl_application .tname {
    width: 90px;
}

.business_ssl_application .line .info-r {
    margin-left: 90px;
}

.business_ssl_application .guide_path {
    padding: 20px 10px 10px;
    display: flex;
}

.business_ssl_application .guide_path span {
    display: inline-block;
    flex: 1;
    text-align: center;
    position: relative;
    z-index: 99999;
}

.business_ssl_application .guide_path span i:nth-child(1) {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    border-radius: 50%;
    background: #d0d0d0;
    color: #777;
    text-align: center;
    line-height: 31px;
    font-size: 16px;
    font-style: inherit;
}

.business_ssl_application .guide_path span i:nth-child(2) {
    display: block;
    font-style: inherit;
    font-size: 12px;
    margin-top: 10px;
    color: #666;
}

.business_ssl_application .guide_path span.active i:nth-child(1) {
    background: #20a53a;
    color: #fff;
}

.business_ssl_application .guide_path span.active i:nth-child(2) {
    color: #20a53a;
}

.ssl_valid_year label {
    height: 32px;
    line-height: 32px;
    width: 70px;
    margin: 0;
}

.ssl_valid_year label.disabled span {
    color: #bbb;
}

.ssl_valid_year label input {
    vertical-align: middle;
    margin: 0;
    margin-right: 5px;
    height: 15px;
    width: 15px;
}

.ssl_valid_year label span {
    vertical-align: middle;
}

.ssl_valid_year .pay-cycle-btn {
    width: 80px;
    height: 35px;
    line-height: 35px;
}

.ssl_valid_year .pay-cycle-btn.disabled {
    border: 1px solid #DDD;
    background-color: #F5F5F5;
    color: #ACA899;
    cursor: no-drop;
}

.guide_price {
    color: #FF6232;
}

.guide_price span:nth-child(1) {
    font-size: 23px;
}

.guide_price span:nth-child(2) {
    font-size: 14px;
}

.ssl_class_table input {
    margin: 0;
    margin-right: 5px;
    height: 15px;
    width: 15px;
    vertical-align: middle;
}

.ssl_class_table .td {
    padding: 10px;
}

.ssl_class_table span {
    vertical-align: middle;
    height: 15px;
    display: inline-block;
    cursor: default;
}
.ssl_class_table .hover_ssl  i{
    position: relative;
    left: 18px;
    top: -5px;
}
.ssl_class_table .hover_ssl{
    display: inline-block;
}
.ssl_class_table .tips_icon{
	border: 1px solid #fb7d00;
	border-radius: 8px;
	color: #fb7d00;
	display: inline-block;
	font-family: arial;
	font-size: 11px;
	font-style: normal;
	height: 16px;
	line-height: 16px;
	margin-left: 5px;
	text-align: center;
	width: 16px
}
.ssl_class_table .tips_text{
    display: none;
}

.compared_ssl_list {
    width: 100%;
    border: 1px solid #ececec;
}

.compared_ssl_list th {
    height: 35px;
    line-height: 35px !important;
}

.compared_ssl_list th,
.compared_ssl_list td {
    text-align: center;
}

.compared_ssl_list th,
.compared_ssl_list .one_title {
    font-weight: 500;
    background: #f5f5f5;
    padding: 0 7px;
    color: #888;
    border-top: 1px solid #ececec;
    border-right: 1px solid #ececec;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
}

.compared_ssl_list .one_title {
    width: 35%;
}

.compared_ssl_list .yes,
.compared_ssl_list .no {
    border: 1px solid #ececed;
    text-align: center;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 12px;

}

.compared_ssl_list .yes {
    background-image: url('');
}

.compared_ssl_list .no {
    background-size: 10px;
    background-image: url('');
}




.ssl_recom_icon::after {
    content: '';
    display: inline-block;
    height: 40px;
    width: 40px;
    position: absolute;
    right: -4px;
    margin-left: 19px;
    top: -4px;
    z-index: 9999;
    background-image: url('');
}

.ssl-brand-info {
    display: inline-block;
    background-color: #efefef;
    border: 1px solid #ececec;
    display: inline-block;
    background-color: #f5f5f5;
    color: #666;
    z-index: 2;
    cursor: pointer;
    background-repeat: no-repeat;
    background-image: url('');
    background-size: 120px;
    background-position: 10px center;
    padding: 10px 15px 10px 150px;
    position: relative;
}

.ssl-brand-info::after {
    content: '';
}

.prev-plan,
.next-plan,
.play-plan {
    padding: 5px 30px;
    font-size: 14px;
}

.guide_content .line input[type=text] {
    width: 400px;
}

.ssl-info-line {
    line-height: 32px;
    height: 32px;
    font-size: 15px;
    color: #20a53a;
}

.ssl_verification label {
    height: 32px;
    line-height: 32px;
    margin-bottom: 0;
    cursor: pointer;
}

.ssl_verification label input {
    vertical-align: middle;
    margin-top: 0;
    margin-right: 5px;
}

.ssl_verification label span {
    font-weight: 400;
}

.lib-file-verify .parsing_input {
    border-radius: 4px;
    border-right: 1px solid #ccc !important;
    width: 320px !important;
}

.lib-ssl-parsing .parsing_parem .parsing_textarea {
    display: inline-block;
    height: 90px;
    line-height: 20px;
    border-radius: 3px;
    border: 1px solid #ccc;
    width: 320px;
    padding-left: 10px;
    padding-top: 10px;
}

.lib-ssl-parsing {
    width: 510px;
    margin: 50px 50px 50px 45px;
}

.lib-ssl-parsing .parsing_tips .highlight {
    color: #20a53a;
}

.lib-ssl-parsing .parsing_parem button {
    margin-right: 25px;
    padding: 7px 20px;
}

.lib-ssl-parsing .parsing_parem,
.lib-ssl-parsing .parsing_tips {
    margin-bottom: 20px;
    color: #666;
    font-size: 15px;
}

.lib-ssl-parsing .parsing_parem .parsing_title {
    display: inline-block;
    width: 100px;
    font-weight: 600;
    font-size: 14px;
    text-align: right;
}

.lib-ssl-parsing .parsing_parem .parsing_info {
    display: inline-block;
}

.lib-ssl-parsing .parsing_parem .parsing_input {
    display: inline-block;
    height: 38px;
    line-height: 38px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border: 1px solid #ccc;
    width: 330px;
    padding-left: 10px;
    border-right: 0;
}

.lib-ssl-parsing .parsing_parem .parsing_textarea {
    width: 388px;
}

.lib-ssl-parsing .parsing_parem .parsing_input.border {
    border-right: 1px solid #ccc;
    width: 388px;
}

.lib-ssl-parsing .parsing_parem .parsing_icon,
.lib-ssl-parsing .parsing_parem .parsing_bottom {
    height: 38px;
    line-height: 38px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    display: inline-block;
    padding: 0 15px;
    color: #fff;
    background: #20a532;
    cursor: pointer;
}

.lib-ssl-parsing .parsing_parem .parsing_bottom {
    display: block;
    width: 60px;
    border-radius: 3px;
}

.lib-ssl-parsing table span.lib-ssl-overflow-span-style {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: sub;
    width: 270px;
}

/* END */




/* 终端管理页面 */

.pd25 {
    padding: 25px;
}

.quick_links {
    width: 100%;
    height: 35px;
    background-color: #fcfcfc;
    position: relative;
    margin-bottom: 15px;
    display: none;
}

.quick_links>span.glyphicon {
    position: absolute;
    right: 12px;
    top: 12px;
    color: #999;
}

.quick_links_title {
    height: 35px;
    line-height: 37px;
    vertical-align: top;
    display: inline-block;
    padding: 0 0 0 15px;
    position: absolute;
    left: 0;
    top: 0;
    color: #555;
}

.quick_links_title span {
    margin-right: 4px;
    color: #ffa515;
}

.term_item_tab {
    background: #f1f1f1;
    font-size: 0;
}

.term_item_tab .list {
    display: inline-block;
    webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* display: flex; */
    height: 38px;
    overflow: hidden;
    overflow-x: auto;
}

.term_item_tab .list::-webkit-scrollbar {
    width: 8px;
    height: 4px;
    background-color: transparent;
}

.term_item_tab .list ::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: transparent;
    border-radius: 4px;
    transition: all 1s;
}

.term_item_tab .list:hover::-webkit-scrollbar-thumb {
    background: rgba(1, 3, 18, 0.4);
}

.term_item_tab .list::-webkit-scrollbar-track {
    background-color: transparent;
}

.term_item_tab .list>span {
    height: 38px;
    line-height: 38px;
    text-align: left;
    padding: 0 25px 0 22px;
    display: inline-block;
    vertical-align: middle;
    border-right: 1px solid #e2e2e2;
    cursor: pointer;
    width: 150px;
    position: relative;
    flex-shrink: 0;
}

.icon-trem-close {
    height: 18px;
    width: 18px;
    position: absolute;
    top: 50%;
    margin-top: -8.5px;
    right: 8px;
    display: none !important;
}

.icon-trem-close::after,
.icon-trem-close::before {
    content: '';
    height: 14px;
    width: 2px;
    display: inline-block;
    background: #fb0000;
    z-index: 999;
    position: absolute;
    position: absolute;
    top: 1.5px;
    left: 8px;
    transform: rotate(-45deg);
}

.icon-trem-close::after {
    transform: rotate(45deg);
}

.icon-trem-close::before {
    transform: rotate(-45deg);
}


.term_item_tab .list>span.active .icon-trem-close,
.term_item_tab .list>span:hover .icon-trem-close {
    display: inline-block !important;
}

.term_item_tab .list>span i {
    transition: all 50ms;
}

.term_item_tab .list>span .icon {
    height: 9px;
    width: 9px;
    border-radius: 5px;
    display: inline-block;
    background: #fff;
    position: absolute;
    left: 8px;
    top: 50%;
    margin-top: -4.5px;
}

.term_item_tab .list>span .icon.icon-sucess {
    background-color: #10952a;
}

.term_item_tab .list>span .icon.icon-info {
    background-color: #fc6d26;
}

.term_item_tab .list>span .icon.icon-warning {
    background-color: #ff5d2c;
}

.term_item_tab .list>span:hover {
    background-color: #dadada;
}

.term_item_tab .list>span.active {
    background-color: #424242;
}

.term_item_tab .list span.active span {
    color: #fff;
}

.term_item_tab .list .content {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.term_item_tab .item .glyphicon {
    vertical-align: top;
    position: absolute;
    right: 12px;
    font-size: 15px;
    height: 38px;
    line-height: 38px;
    color: #ff7070 !important;
    display: none;
    transition: all 500ms;
}

.term_item_tab .item .glyphicon:hover {
    color: red;
}

.term_item_tab .list span span {
    vertical-align: middle;
    font-size: 13px;
    font-weight: 500;
    color: #666;
    display: inline-block;
    line-height: 37px;
}

.term_item_tab .glyphicon {
    font-size: 15px;
    margin-left: 8px;
    vertical-align: middle;
    transition: all 500ms;
    cursor: pointer;
    display: inline-block;
    color: #ea7575;
}

.term_item_tab span.glyphicon {
    color: #888;
}

.term_item_tab .glyphicon:hover {
    color: red;
}

.term_item_tab .tab_tootls {
    padding: 0;
    float: right;
    /* padding-right: 15px; */
    /* display: inline-block; */
    /* display: none; */
}

/* .term_item_tab .tab_tootls span{
	margin-left: 0;
	font-size: 12px;
	display: block;
	height: 19px;
	color: #bbb;
	/* vertical-align: bottom; 
} */
.term_item_tab .tab_tootls .glyphicon-resize-full,
.term_item_tab .tab_tootls .glyphicon-resize-small {
    height: 38px;
    line-height: 38px;
    width: 40px;
    text-align: center;
    margin: 0
}

.term_item_tab .addServer {
    display: inline-block;
    width: 40px;
    text-align: center;
    padding: 0;
    height: 38px;
    line-height: 38px;
    vertical-align: top;
}

.term_item_tab .addServer span {
    margin: 0;
    color: #20a53a;
}

.term_item_tab>span:hover {
    background-color: #ececec;
    cursor: pointer;
}

.term_item_tab .addServer span:hover {
    color: #4c4c4c;
}

.term_content_tab .term_item {
    height: 100%;
    width: 100%;
    display: none;
}

.term_content_tab .term_item.active {
    display: inline-block;
}

.term_content_tab {
    background-color: #000;
    position: absolute;
    top: 38px;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px 5px 10px 10px;
    overflow: hidden;
}

.quick_links_input {
    height: 35px;
    line-height: 35px;
    padding-left: 5px;
    border: none;
    width: 100%;
    padding-left: 70px;
    border: 1px solid #e1e1e1;
    background-color: #fcfcfc;
    border-radius: 3px;
    transition: all 500ms;
}

.quick_links_input:focus {
    outline: none;
    border: 1px solid #20a53a;
    background-color: fff;
}

.quick_links_input:active {
    outline: none;
}

.term_box {
    height: 100%;
    border-radius: 3px;
    margin-right: 260px;
    position: relative;
}

.term_tootls {
    width: 250px;
    position: absolute;
    right: 15px;
    top: 15px;
    /* border: 1px solid #ececec; */
}

.term_tootls .tootls_tab {
    display: inline-block;
    /* border: 1px solid #20a53a; */
    width: 100%;
    position: relative;
}

.term_tootls .tootls_tab a {
    display: inline-block;
    width: 38px;
    text-align: center;
    height: 38px;
    line-height: 38px;
    position: absolute;
    right: 0;
    color: #ececec;
    background-color: #c7c7c71a;
}

.term_tootls .tootls_tab a:hover {
    background-color: #8282824d;
}

.term_tootls .tootls_tab i {
    font-style: normal;
    font-size: 12px;
    color: #ececec;
    margin-left: 5px;
}

.main-content .safe {
    position: relative;
}

.xterm .xterm-viewport::-webkit-scrollbar {
    width: 8px;
    height: 5px;
    border-radius: 4px;
}

.xterm .xterm-viewport::-webkit-scrollbar-thumb {
    border-radius: 0;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #666;
    border-radius: 4px;
    transition: all 1s;
}

.xterm .xterm-viewport:hover::-webkit-scrollbar-thumb {
    background: #aaa;
}

.xterm .xterm-viewport::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    background: #222;
    border-radius: 4px;
    transition: all 1s;
}

.xterm .xterm-viewport:hover::-webkit-scrollbar-track {
    background-color: #444;
}

.tootls_tab>span {
    display: inline-block;
    height: 38px;
    line-height: 38px;
    text-align: center;
    width: 100%;
    font-size: 13px;
}

.tootls_tab a span {
    margin-right: 1px;
}

.tootls_tab>span.active {
    background-color: #28903c;
    color: #fff;
    padding-left: 15px;
    text-align: left;
    font-weight: 600;
}

.tootls_content {
    position: absolute;
    top: 38px;
    left: 0;
    right: 0;
    bottom: 0;
    border-top: 1px solid #ececec;
}

.tootls_host_list,
.tootls_commonly_list {
    list-style: none;
    border-top: none;
    border: 1px solid #ececec;
    overflow-y: auto;
}

.tootls_host_list {
    min-height: 300px;
    overflow: auto;
    /* margin-bottom: 10px; */
    overflow-x: hidden;
    font-size: 0;
}

.tootls_commonly_list li,
.tootls_host_list li {
    display: inline-block;
    height: 38px;
    line-height: 38px;
    color: #444;
    border-bottom: 1px solid #ececec;
    font-size: 13px;
    cursor: pointer;
    position: relative;
    width: 100%;
}

.tootls_commonly_list li {
    padding-left: 15px;
}

.tootls_commonly_list li:hover,
.tootls_host_list li:hover {
    background-color: #eee;
}

.tootls_commonly_list li:hover .tootls,
.tootls_host_list li:hover .tootls {
    display: inline-block;
}

.tootls_host_list li i {
    display: inline-block;
    height: 100%;
    width: 38px;
    background-size: 16px;
    background: url('../img/soft_ico/ico-cmd.png') no-repeat center center;
}

.tootls_commonly_list li>span,
.tootls_host_list li>span {
    vertical-align: top;
    display: inline-block;
}

.tootls_commonly_list li:hover>span:nth-child(2),
.tootls_host_list li:hover>span:nth-child(2) {
    width: 120px;
}

.tootls_commonly_list li>span:nth-child(2),
.tootls_host_list li>span:nth-child(2) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    max-width: 190px;
}

/* .tootls_host_list li>span:nth-child(2){
	margin-left: 35px;
} */
.tootls_commonly_list li>span:nth-child(2) {
    max-width: 190px;
}

.tootls_commonly_list li span:nth-child(3),
.tootls_host_list li span:nth-child(3) {
    padding-left: 10px;
}

.tootls_commonly_list li .tootls,
.tootls_host_list li .tootls {
    width: 70px;
    text-align: right;
    padding-right: 10px;
    display: none;
    position: absolute;
    right: 5px;
}

.tootls_commonly_list li .tootls {
    width: 90px;
}

.tootls_commonly_list li .tootls span,
.tootls_host_list li .tootls span {
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
}

.tootls_commonly_list li .tootls span:nth-child(1),
.tootls_host_list li .tootls span:nth-child(1) {
    color: #888;
    font-size: 14px;
}

.tootls_commonly_list li .tootls span:nth-child(2),
.tootls_host_list li .tootls span:nth-child(2) {
    color: #ea7575;
}

.tootls_commonly_list li .tootls span:nth-child(2):hover,
.tootls_host_list li .tootls span:nth-child(2):hover {
    color: red;
}

.bt-form-2x .tname,
.bt-form-2x .bt-input-text {
    height: 38px;
    line-height: 38px;
}

.bt-form-2x .bt-input-text {
    padding-left: 8px;
}

.bt-form-2x .auth_type_checkbox {
    /* height: 34px;
	line-height: 34px; */
    padding: 8px 12px;
}

.menu_right_list {
    width: 140px;
    position: fixed;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 2px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    z-index: 999999;
    background: #fff;
    padding: 6px 0;
    display: inline-block;
    webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.menu_right_list li {
    height: 28px;
    line-height: 28px;
}

.menu_right_list li:hover {
    background-color: #ececec;
    transition: all 500ms;
    cursor: pointer;
}

.menu_right_list li a {
    padding-left: 15px;
    display: inline-block;
    width: 100%;
    transition: all 500ms;
    text-decoration: none;
}

.menu_right_list li:hover a {
    color: #20a532;
}

.menu_right_list li.split_line {
    height: 1px;
    background-color: #ececec;
}

.localhost-form-shade {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 99999;
    background: rgb(0 0 0 / 50%);
}

.localhost-form-view {
    padding-left: 25px;
    padding-top: 40px;
    width: 500px;
    background: #fff;
    top: 50%;
    left: 50%;
    position: absolute;
    margin-left: -250px;
    margin-top: -200px;
    border-radius: 2px;
    padding-bottom: 45px;
}

.localhost-form-view>button {
    margin-left: 100px;
    margin-top: 10px;
    width: 120px;
    height: 36px;
    font-size: 14px;
}

.localhost-form-title {
    font-size: 15px;
    color: red;
    text-align: center;
    height: 60px;
    line-height: 50px;
}

.localhost-form_tip {
    height: 30px;
    width: 30px;
    background-image: url(/static/layer/skin/default/icon.png);
    background-size: auto;
    display: inline-block;
    background-position: -150px -0px;
    vertical-align: middle;
    margin-right: 15px;
}


.full_term_view .sidebar-scroll {
    display: none;
}

.full_term_view .main-content {
    margin: 0;
}

.full_term_view .container-fluid {
    padding: 0;
}

.full_term_view .container-fluid .safe {
    margin: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
}

.full_term_view .term_tootls {
    top: 0;
    right: 0;
}

.full_term_view .term_box {
    margin-right: 250px;
}

.full_term_view .footer {
    display: none;
}

/*end*/

/* 预览图片 */
.preview_images_mask {
    position: fixed;
    left: 50%;
    top: 50%;
    background: rgb(0 0 0 /.85);
    z-index: 9999;
    height: 650px;
    width: 750px;
    margin-left: -375px;
    margin-top: -325px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3);
    border-radius: 4px;
}

.preview_images_mask .preview_head {
    height: 45px;
    line-height: 45px;
    width: 100%;
    position: absolute;
    z-index: 999;
}

.preview_images_mask .preview_title {
    text-align: center;
    width: 100%;
    display: inline-block;
    font-size: 16px;
    background-color: rgb(0 0 0 /.45);
    color: #cacaca;
    cursor: all-scroll;
}

.preview_images_mask .preview_close,
.preview_images_mask .preview_full,
.preview_images_mask .preview_small {
    position: absolute;
    right: 0;
    width: 45px;
    height: 45px;
    line-height: 47px;
    font-size: 19px;
    text-align: center;
    color: #d6d6d6;
}

.preview_images_mask .preview_full,
.preview_images_mask .preview_small {
    right: 45px;
    font-size: 18px;
}

.preview_images_mask .preview_close:hover,
.preview_images_mask .preview_full:hover,
.preview_images_mask .preview_small:hover {
    background-color: #444;
    color: #fff;
    cursor: pointer;
}

.preview_images_mask .preview_body {
    position: relative;
    height: 100%;
    z-index: 99;
    padding: 45px 0;
}

.preview_images_mask:hover .preview_cut_view {
    opacity: 1;
}

.preview_images_mask:hover .preview_toolbar {
    opacity: 1;
}

.preview_images_mask .preview_body img {
    position: absolute;
    display: none;
    transition: all 200ms;
    cursor: all-scroll;
    display: inline-block;
    opacity: 0;
    webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.preview_images_mask .preview_toolbar {
    position: absolute;
    bottom: 0;
    width: 250px;
    left: 50%;
    margin-left: -125px;
    height: 45px;
    border-radius: 3px;
    background-color: rgb(0 0 0 /.65);
    font-size: 18px;
    z-index: 999;
    opacity: 0;
    transition: all 1000ms;
}

.preview_images_mask .preview_toolbar a {
    width: 50px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    display: inline-block;
    transition: all 500ms;
    border-radius: 3px;
}

.preview_images_mask .preview_toolbar a:hover {
    background-color: rgb(86 86 86 / 75%);
}

.preview_images_mask .preview_toolbar span {
    vertical-align: middle;
    color: #bbb;
}

.preview_images_mask .preview_toolbar span.reverse-repeat {
    transform: rotateY(180deg);
}

.preview_images_mask .preview_cut_view {
    opacity: 0;
    transition: all 500ms;
}

.preview_images_mask .preview_cut_view a:hover {
    background-color: #3a3a3a;
    color: #fff;
}

.preview_images_mask .preview_cut_view a {
    position: absolute;
    font-size: 26px;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    top: 50%;
    margin-top: -25px;
    background-color: rgb(0 0 0 / 0.2);
    border-radius: 50%;
    transition: all 200ms;
    z-index: 999;
}

.preview_images_mask .preview_cut_view a:nth-child(1) {
    left: 3%;

}

.preview_images_mask .preview_cut_view a:nth-child(2) {
    right: 3%;
}

.preview_images_mask .preview_cut_view span {
    vertical-align: top;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
}

/* end */


/* 商业证书 */
.dynamic_head_box .bt_checkbox_groups {
    display: inline-block;
    height: 16px;
    width: 16px;
    border-radius: 1px;
    cursor: pointer;
    border: 1px solid #c2c2c2;
    position: relative;
    text-align: center;
    line-height: 20px;
    margin: 0;
    transition: all 200ms;
    vertical-align: top;
}

.dynamic_head_box .bt_checkbox_groups.active {
    border: none;
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    background: #5FB878;
    color: #fff;
}

.dynamic_head_box .bt_checkbox_groups.active:after {
    content: "\e013";
    font-size: 12px;
    transform: scale(.85);
    position: absolute;
    left: 2px;
    top: 2px;
}

.dynamic_head_box .box-group .bt_checkbox_groups {
    vertical-align: sub;
}

/* end */

/*批量操作*/
.batch_title {
    height: 30px;
    display: inline-block;
    width: 100%;
    margin-top: 25px;
    text-align: center;
}

.batch_title .batch_text {
    vertical-align: top;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    margin-left: 8px;
    font-size: 18px;
}

.batch_title .batch_icon {
    background-image: url('/static/layer/skin/default/icon.png');
    background-position: -30px 0;
    height: 30px;
    width: 30px;
    display: inline-block
}

.bt_table {
    position: relative;
}

.bt_table .divtable {
    overflow: auto;
}

.bt_table .table-mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.bt_table .btswitch + .btswitch-btn {
    width: 2.4em;
    height: 1.4em;
    margin-bottom: 0;
}


.bt_table tr th>span,
.bt_table tr td>span {
    display: inline-block;
    width: 100%;
    position: relative;
}

.bt_table .cust—checkbox,
.bt-form .form-checkbox {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    background-color: #fff;
    vertical-align: top;
    border-radius: 1px;
    position: relative;
    border-radius: 2px;
}

.bt_table .cust—checkbox.active,
.bt_table .cust—checkbox.selected,
.bt-form .form-checkbox.active,
.bt-form .form-checkbox.selected {
    background-color: #20a53a;
    border-color: #20a53a;
}

.bt_table .cust—checkbox.active::after,
.bt-form .form-checkbox.active::after{
    content: '';
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    margin-left: -2.5px;
    margin-top: -6px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}


.bt_table .cust—checkbox.selected::after,
.bt-form .form-checkbox.selected::after {
    content: '';
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    margin-left: -5px;
    margin-top: -1px;
    height: 2px;
    width: 10px;
    background-color: #fff;
}

.bt_table .cust—checkbox+input,
.bt-form .form-checkbox+input{
    display: none;
}

.bt_table .cursor-pointer,
.bt-form .cursor-pointer {
    cursor: pointer;
}

.bt_table thead .sort-active span {
    font-weight: 500;
}

.vertical_middle{
    vertical-align: middle;
}
.bt-form .form-checkbox-label span{
    font-weight: 400;
}
.bt-form .bt-border-error{
    border-color: #a94442;
}
/* .bt_table thead .sort-active .glyphicon{
    color: #20a53a;
} */
.bt_table thead .glyphicon {
    color: #bbb;
    transform: scale(.9);
    top: 2px;
    left: -1px;
}

.bt_table label {
    margin: 0;
}

.bt_table .table-input {
    border: 1px solid transparent;
    border-radius: 2px;
    padding-left: 3px;
    width: 100%;
    outline: none;
}

.bt_table table tr:hover .table-input {
    background-color: #f5f5f5;
}

.bt_table .table-input:hover,
.bt_table .table-input:focus {
    border: 1px solid #ccc;
    background-color: #fff !important;
}

.bt_table .table-input:focus {
    border-color: #20a53a;
}

.bt_table .bt_batch {
    height: 28px;
}
.bt_table .bt_batch label{
    padding: 5px 9px !important;
}

.bt_table .bt_batch label {
    padding: 5px 10px;
    height: 28px;
}
.custom_layer .layui-layer-content{
	overflow: initial !important;
}
.tootls_group {
    height: 30px;
    line-height: 30px;
}

.tootls_group .bt_search {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    position: relative;
}

.tootls_group .bt_search .search_input {
    height: 30px;
    line-height: 30px;
    border-radius: 2px;
    border: 1px solid #ccc;
    outline: none;
    padding-left: 8px;
    vertical-align: top;
    width: 230px;
}

.tootls_group .bt_search .search_input:focus {
    border-color: #20a53a;
}

.tootls_group .bt_search .search_input:focus+span.glyphicon-search {
    color: #20a53a;
}

.tootls_group .bt_search .glyphicon-remove-sign {
    position: absolute;
    top: 8px;
    right: 30px;
    font-size: 15px;
    cursor: pointer;
}

.tootls_group .bt_search .glyphicon-search {
    height: 28px;
    line-height: 28px;
    padding: 0 10px;
    color: #888;
    position: absolute;
    right: 0;
    font-size: 14px;
    cursor: pointer;
}

.tootls_group .page .page_jump_group .page_jump_btn:hover {
    background-color: #10952a;
    border-color: #398439;
}

.tootls_group .bt_search .search-btn span {
    font-size: 15px;
    vertical-align: middle;
    position: relative;
    top: -1px;
}

.tootls_group .page {
    padding: 0;
    height: 30px;
}

.tootls_group .page .page_select_number,
.tootls_group .page .page_jump_group {
    height: 28px;
    line-height: 28px;
    margin-left: 8px;
    vertical-align: top;
    float: left;
}

.tootls_group .page .page_jump_group span {
    border: none;
    padding: 0 8px;
}

.tootls_group .page .page_select_number {
    border: 1px solid #ececec;
    border-radius: 0;
    padding: 0 5px;
    border-left: 0;
    margin-left: 0;
}

.tootls_group .page .page_jump_group input {
    height: 28px;
    line-height: 28px;
    width: 30px;
    max-width: 50px;
    vertical-align: top;
    border: 1px solid #ececec;
    outline: none;
    text-align: center;
    float: left;
}

.tootls_group .page .page_jump_group input:focus {
    border-color: #20a53a;
}

.tootls_group .page .page_jump_group .page-jump-title {
    height: 28px;
    line-height: 28px;
    color: #555;
    border: none;
    padding: 0 5px
}

.tootls_group .page .page_jump_group .page_jump_btn {
    height: 28px;
    line-height: 26px;
    border-radius: 0;
    outline: none;
    margin-left: 8px;
    border-radius: 2px;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
}

.tootls_group .page .page_jump_group .page_jump_btn:hover {
    color: #fff;
    background-color: #20a53a;
    border-color: #20a53a;
}



.bt_table .bt_success {
    color: #20a53a;
}

.bt_table .bt_warning {
    color: #f0ad4e;
}

.bt_table .bt_danger {
    color: #d9534f;
}


.bt_table .bt_selects {
    display: inline-block;
}

.bt_table input::-webkit-outer-spin-button,
.bt_table input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.bt_tableinput[type="number"] {
    -moz-appearance: textfield;
}

.bt_table_select_group,
.bt_select_updown{
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 2px;
    height: 28px;
    line-height: 28px;
    vertical-align: top;
    cursor: pointer;
    color:#666;
    position: relative;
}

.bt_select_updown{
	height: 30px;
	line-height: 30px;
}
.bt_select_updown .bt_select_value{
	height: 28px;
	line-height: 28px;
	padding:0 10px;
	width: 100%;
	position: relative;
}
.bt_select_updown .bt_select_list{
	display: none;
	transition: all 500ms;
    background: #fff;
    position: absolute;
	top: 30px;
	left: 0;
    display: none;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .5);
	border-radius: 1px;
	width: 100%;
	z-index: 999;
	background-color: #fff;
	max-height: 200px;
	overflow: auto;
}
.site_class_type.bt_select_updown:hover{
	border-color:#398439;
}
.site_class_type.bt_select_updown:hover .bt_select_value span{
	color: #fff;
}
.site_class_type.bt_select_updown:hover .bt_select_value{
	background-color: #20a53a;
}
.bt_select_updown .bt_select_list .divider{
	border-top:1px solid #ececec;
	width: 100%;
	margin: 5px 0;
}
.bt_select_list.show+.bt_select_value .glyphicon{
	transform: rotate(180deg);
	transition: all 500ms;
}
.bt_select_updown .bt_select_list .item{
	height: 28px;
	line-height: 28px;
	color: #333;
	padding:0 10px;
}
.bt_select_updown .bt_select_list .item.disabled{
	opacity: .65;
    cursor: no-drop;
    box-shadow: none;
}
.bt_select_updown .bt_select_list .item:hover{
	background-color: #f2f2f2;
}
.bt_select_updown .bt_select_list .item.active{
	color: #fff;
	background-color: #20a53a;
}
.bt_select_updown .bt_select_list.active{
	display: inline-block;
}
.bt_select_value{
	padding:0 6px;
    height: 26px;
    line-height: 26px;
    color: #777;
    display: inline-block;
    vertical-align: top;
}
.bt_select_updown .bt_select_value .bt_select_content{
	margin-right: 15px;
}
.bt_select_value .bt_select_content{
	font-size: 12px;
	margin-right: 5px;
	color: #333;
}


.bt_select_updown  .bt_select_value .glyphicon{
	position: absolute;
	right: 5px;
	top:50%;
	margin-top: -6px;
}
.bt_select_value .glyphicon{
    position: relative;
    top: 2px;
}
.bt_select_value em{
	font-style: inherit;
	margin: 0 5px;
}
.bt_table_select_group.bt_disabled,
.bt_select_updown.bt_disabled{
    opacity: .65;
    cursor: no-drop;
    box-shadow: none;
    
}
.bt_table_select_group .bt_selects{
    display: none;
    background-color: #fff;
    border:1px solid #ccc;
    position: absolute;
    left: -1px;
    right: -1px;
    top: 100%;
    box-shadow: 0 2px 4px rgba(0,0,0,.12);
    z-index: 9999;
}
.bt_table_select_group .bt_selects.top{
    box-shadow: 0 -2px 4px rgba(0,0,0,.12);
    top: auto;
    bottom:100%;
}
.bt_table_select_group.active .bt_selects{
    display: inline-block;
    
}
.bt_table_select_group .bt_selects .item{
    width: 100%;
    height: 28px;
    line-height: 28px;
    padding:0 8px;
}
.bt_table_select_group .bt_selects .item.no_drop{
	cursor: no-drop;
	opacity: .65;
	color: #666;
	background-color: #ececec !important;
}
.bt_table_select_group .bt_selects .item.active,
.bt_table_select_group .bt_selects .item:hover{
    background-color: #20a53a;
    color: #fff;
}

.bt_batch .bt-disabled,
.bt_batch .bt-disabled:hover,
.bt_batch .bt-disabled:active {
    opacity: .65;
    box-shadow: none;
    color: #777;
    background-color: #ffffff;
    cursor: no-drop;
}
.bt_batch .bt-disabled.btn-default:hover{
	border-color: #ccc;
}
.bt_batch .btn-default,
.bt_batch .btn-success{
    vertical-align: top;
    padding: 4px 10px;
	margin-left: 5px;
}

.not-select {
    moz-user-select: -moz-none;
    -moz-user-select: none;
    -o-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.inlineBlock {
    display: inline-block;
}

.bt_search_tips {
    display: inline-block;
    position: absolute;
    left: 6px;
    background: #efefef;
    color: #666;
    height: 22px;
    line-height: 22px;
    border-radius: 2px;
    padding: 0 25px 0 12px;
    top: 4px;
}
.bt_search_tips .bt_search_close {
    position: absolute;
    display: inline-block;
    top: 5px;
    right: 15px;
    cursor: pointer;
}
.bt_search_tips .bt_search_close::after{
    transform: rotate(45deg);transform: rotate(45deg);
}
.bt_search_tips .bt_search_close::before {
    transform: rotate(-45deg);transform: rotate(-45deg);
}
.bt_search_tips .bt_search_close::after,
.bt_search_tips .bt_search_close::before {
    content: '';
    position: absolute;
    height: 12px;
    width: 2px;
    left: 0;
    background: #ff6c00;
}
.bt-table-password i{
    display: inline-block;
    font-size: 12px;
    height: 10px;
    position: relative;
    top: 3px;
}

.ftp-group-box .box-group {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    height: 32px;
    line-height: 32px;
}
.bt_checkbox_groups {
    display: inline-block;
    height: 16px;
    width: 16px;
    border-radius: 1px;
    cursor: pointer;
    border: 1px solid #c2c2c2;
    position: relative;
    text-align: center;
    line-height: 20px;
    margin: 0;
    vertical-align: top;
}
.bt_checkbox_groups.active {
    border: none;
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    background: #20a53a;
    color: #fff;
}
.bt_checkbox_groups.active:after {
    content: "\e013";
    font-size: 12px;
    transform: scale(.85);
    position: absolute;
    left: 2px;
    top: 2px;
}
.box-group .bt_checkbox_groups {
    vertical-align: sub;
}
/*批量操作end*/



/*软件推荐start*/

.recom_list {
    display: flex;
    height: 60px;
    line-height: 60px;
    margin-bottom: 15px;
}

    .recom_list li {
        flex: 1;
        text-align: center;
        background-size: cover;
        margin: 0 10px;
        border-radius: 8px;
        position: relative;
    }

        .recom_list li img {
            width: 100%;
            height: 100%;
            opacity: .75;
        }

        .recom_list li:last-child {
            margin-right: 0;
        }

        .recom_list li:first-child {
            margin-left: 0;
        }

        .recom_list li a {
            display: inline-block;
            width: 100%;
            height: 60px;
            border-right: 2px;
            font-size: 21px;
            text-decoration: none;
            color: #366930;
        }

    .recom_list li {
        background: #cae2bf;
        border-radius: 4px;
        border: 1px solid #c2d8ae;
    }

        .recom_list li span {
            /*text-shadow: 2px 2px 7px #4a4a4a;*/
        }

.recom_item_box {
    display: inline-block;
    width: 48.5%;
    float: left;
    height: 135px;
    margin-right: 3%;
    margin-bottom: 20px;
    padding: 10px;
    background-color: #fbfbfd;
    border-radius: 5px;
    box-shadow: 0px 0px 4px 4px #fbfbfd;
    border: 1px solid #ececec;
    cursor: pointer;
}

    .recom_item_box:nth-child(2n) {
        margin-right: 0;
    }

    .recom_item_box .recom_item_left {
        display: inline-block;
        height: 100%;
        width: 85px;
        vertical-align: top;
        text-align: center;
    }

    .recom_item_box .recom_item_right {
        display: inline-block;
        width: 248px;
        padding-top: 10px;
        padding-right: 10px;
    }

    .recom_item_box .recom_item_tips {
        display: inline-block;
    }

.recom_item_images {
    margin: 15px 0 5px 0;
}

.recom_item_text,
.recom_item_tips,
.recom_item_price {
    display: inline-block;
}

.recom_item_text {
    font-size: 14px;
    color: #666;
}

.recom_item_title {
    margin-bottom: 5px;
}

.recom_item_info {
    font-size: 12px;
    color: #a5a5a5;
    line-height: 15px;
    height: 28px;
    overflow: hidden;
}

.recom_item_price {
    font-size: 13px;
    color: #FF7301;
    float: right;
}

    .recom_item_price span {
        font-size: 22px;
        margin: 0 5px;
    }

.recom_item_btn {
    margin-top: 5px;
}


/*软件推荐end*/




/** workorder load code */

/**
* @description 提交按钮
*/
.debugs {
	height:60px;
	width:60px;
	position:fixed;
	right:25px;
	bottom:25px;
	background:#20a53a;
	border-radius:2px;
	box-shadow:0 0 8px 1px #aeaeae;
	text-align:center;
	line-height:60px;
	cursor:pointer;
	z-index:99999996;
	border-radius:50%;
	color:#fff
}
.debugs span {
	display:inline-block;
	line-height:15px;
	vertical-align:middle;
	font-size:12px
}
.debugs img {
	display:inline-block;
	width: 30px;
	height: 30px;
	vertical-align:middle;
	color: #FFFFFF;
	font-size:12px
}
.chat-number{
	position: fixed;
    right: 7px;
    z-index: 99999999;
    bottom: 68px;
    padding: 5px 7px;
    font-size: 11px;
    background-color: #fc3737;
}
/**
* @description 反馈界面
*/
.feedback-box{
	position: fixed;
	width: 410px;
	right: 25px;
	bottom:100px;
	z-index:99999998;
	border-radius:2px;
	background-color: #FFFFFF;
	box-shadow:0 0 8px 1px #aeaeae;
}
.feedback-mask{
	position: fixed;
	height: 620px;
	width: 410px;
	right: 25px;
	bottom:100px;
	z-index:999999996;
	border-radius:2px;
	background-color: #666;
	opacity: 0.6;
}
.feedback-border{
	position: fixed;
    height: 390px;
    width: 336px;
    right: 60px;
    bottom: 230px;
    z-index: 999999999;
    border-radius: 2px;
    background-color: #FFFFFF;
}
.feedback-head{
    height: 48px;
    padding-top: 16px;
    font-size: 14px;
    color: #333;
    text-align: center;
    border-radius: 2px;
    background-color: #f8f8f8;
}
.feedback-bottom{
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 48px;
    background: #f6f8f8;
    margin: 0;
    border-radius: 2px;
}
.feedback-span{
    margin: 10px 17px 5px 18px;
    color: #000;
    font-weight: 400;
}
.feedback-text-input{
    margin: 0px 18px;
    width: 89%;
	height: 23%;
}
.feedback-text-input textarea{
    width: 100%;
    height: 100%;
    resize: none;
    padding: 10px;
    border-width: 1px;
    border-color: #9A9A9A;
    border-radius: 2px;
}
.feedback-tip{
    color: red;
    font-size: 12px;
    margin: 5px 11px 5px 17px
}
.feedback-image-box{
	height: 90px;
    width: 91px;
    margin: 0px 9px 0px 0px;
    border: 2px dashed #969696;
    display: inline-block;
}
.image-span{
    position: absolute;
    font-size: 48px;
    color: #9A9A9A;
    font-weight: 100;
    text-align: center;
}
.image-span span{
   vertical-align: middle;
   position: relative;
   left: 27px;
}
.feedback-image-box:hover{
    border-color: #20a53a;
    color: #20a53a;
}
.feedback-image-box:hover .image-span{
    border-color: #20a53a;
    color: #20a53a;
}
.feedback-image-box img{
	position: absolute;
    width: 90px;
    height: 88px;
}
.image-span:hover{
	color:#A8A8A8;
}
.image-tip{
    position: absolute;
    margin-top: -50px;
    margin-left: 0px;
    width: 100px;
}
.feedback-button-group{
    position: absolute;
    width: 70px;
    bottom: 8px;
    right: 19px
}
.feedback-button-group .active .focus {
	outline: none;
	border-color: transparent;
	box-shadow:none;
}

/* .content-check input[type=checkbox]:checked{
	
} */
.content-check label {
    display: inline;
    cursor: pointer;
    width: 310px;
    margin-left: 5px;
    margin-top: 3px;
    font-size: 14px;
    line-height: 20px;
	letter-spacing: 1px;
	margin-bottom: 0px;
    font-weight: 400;
    color: #A0A0A0
}
.feedback-box-bottom{
    width: 410px;
    height: 68px;
    margin-top: 60px;
    border-radius: 0px 0px 10px 10px;
    background-color: #F9F9F9;
    border: 1px solid #F5F5F5;
    z-index: 99999999;
}
.feedback-button{
	width: 80px;
	border-radius: 4px;
	float: right;
	margin: 13px 20px 15px 0px;
	padding: 10px 10px;
	border:0px solid #F5F5F5;
	font-size: 14px;
	color: #FFFFFF;
	outline: none;
}
.chatting{
	list-style: inside disc;
    float: left;
    margin-top: 200px;
	margin-left: 67px;
	font-size: 14px;
	color: #A0A0A0;
}
.chatting:hover{
	color: #20a53a;
	cursor: pointer;
}
.feedback-history{
	float: left;
    margin-top: 240px;
	margin-left: 125px;
	font-size: 14px;
	color: #A0A0A0;
}
.feedback-history:hover{
	color: #20a53a;
	cursor: pointer;
}
/**
* @description 聊天界面
*/
.chat-head{
	width: 410px;
	height: 60px;
	border-radius:2px 2px 0px 0px;
	z-index:99999999;
	background-color: #F9F9F9;
}
.chat-back,.history-list-back{
	width: 40px;
	height: 40px;
	margin: 10px 20px;
	border:0px solid #F5F5F5;
	background-color: #F9F9F9;
	border-radius:10px;
	outline: none;
}
.history-list{
    float: right;
    width: 80px;
    height: 36px;
    margin: 12px 20px;
    font-size: 10px;
    padding: 9px 10px;
    color: #8C8C8C;
    background-color: #FAFAFA;
    border-radius: 2px;
    border: 1px solid #E7E7E7;
    outline: none;
}
.history-list span{
    font-size: 10px;
    padding: 5px;
}
.chat-back:hover{
	background-color: #A5A5A5;
	color: #FFFFFF;
}
.chat-back .active .focus {
	outline: none;
	border-color: transparent;
	box-shadow:none;
}
.history-list:hover{
	background-color: #A5A5A5;
	color: #FFFFFF;
}
.history-list-back:hover{
	background-color: #A5A5A5;
	color: #FFFFFF;
}
.history-list .active .focus {
	outline: none;
	border-color: transparent;
	box-shadow:none;
}
.history-list-back .active .focus {
	outline: none;
	border-color: transparent;
	box-shadow:none;
}
.chat-content{
	width: 410px;
	height:360px;
	z-index:99999999;
	background-color: #FFFFFF;
	overflow: scroll;
	overflow-x: hidden;
	-ms-overflow-style: none;
	-ms-content-zooming: zoom;
	scrollbar-width: none; 
	scrollbar-color: transparent transparent;
	scrollbar-track-color: transparent;
	-ms-scrollbar-track-color: transparent;
}
.chat-content::-webkit-scrollbar {
	display: none;
}
.chat-system{
	float: left;
    position: relative;
    left: 40%;
	max-width: 85%;
	max-height: 90%;
	padding:2px 5px;
	margin-left: 10%;
}
.chat-system p{
    float: left;
    position: relative;
    left: -50%;
    margin: 10px 30px;
    font-size: 12px;
    color: #333;
    letter-spacing: 0.5px;
    background-color: #F4F4F4;
    padding: 12px 20px;
    line-height: 13px;
    text-align: center;
    word-break: break-all;
}
.chat-data{
	width: 10%;
	margin: 3% auto 1% auto;
	padding-top: 3px;
}
.chat-data span{
	height: 100%;
	background-color: #DADADA;
	color: #FFFFFF;
	text-align: center;
	margin: 0 auto;
}
.chat-dialog-box{
	float: left;
	margin: 1% 3% 3% 3%;
	max-width: 100%;
	width: 100%;
	/* border:1px solid #F5F5F5; */
}	
.dialog-portrait{
	float: left;
    margin-left: 4px;
    margin-top: 10px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #f4f4f4;
}	
.dialog-portrait-image{
    margin-top: 6px;
    margin-left: 6px;
    width: 24px;
    height: 24px;
}
.chat-dialog-box label{
	float: left;
    width: 100%;
    margin: 8px 0px 0px -9px;
    font-size: 12px;
    color: #333;
    line-height: 12px;
    margin-bottom: 7px;
    font-weight: 600;
}
.chat-dialog-box .chat-dialog-border{
	max-width: 82%;
	float: left;
}
.dialog-triangle{
	float: left;
    margin-left: 8px;
    margin-top: 27px;
    height: 0;
    width: 0;
    left: -23px;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    border-color: transparent #F4F4F4 transparent transparent;
    border-style: solid solid dashed dashed;
    transform: rotate(50deg);
    border-width: 12px 12px 0 0;
}
.dialog-text-title{
    margin:15px 15px 15px 15px;
    color: #ef7f0e;
    font-size: 13px;
    border-radius: 3px;
}
.dialog-button{
    width: 100.6%;
    border-radius:0px 0px 3px 3px ;
    margin-left: -1px;
    height: 32px
}
.dialog-text{
	float: left;
	margin-left: -9px;
	max-width: 90%;
	background-color: #F4F4F4;
	border: 1px solid #FFFFFF;
}	
.dialog-text p{
    margin: 10px 14px;
    font-size: 12px;
    color: #666;
    line-height: 19px;
    word-break: break-all;
}
.dialog-text pre{
    margin: 10px 14px;
    font-size: 12px;
    color: #000;
    line-height: 20px;
    word-break: break-all;
    border: 0;
    background-color: #F4F4F4;
    white-space: pre-wrap;
    overflow: hidden;
    outline: none;
    padding:0;
    font-family: "微软雅黑";
}
.dialog-text pre img{
	width: 120px;
	height: 100px;
	margin-left: -15px;
    margin-top: -7px;
}
.chat-reply-box{
	float: right;
	width: 100%;
	margin: 1% 3% 3% 3%;
	max-width: 85%;
	/* border:1px solid #F5F5F5; */
}
.reply-portrait{
    float: right;
    margin-right: 10px;
    margin-top: 10px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #f4f4f4;
}
.reply-portrait-image{
    margin-top: 6px;
    margin-left: 8px;
    width: 20px;
    height: 22px;
}
.chat-reply-box label{
    float: right;
    width: 100%;
    margin: 8px 0px 0px -8px;
    font-size: 12px;
    color: #7F7F7F;
    line-height: 12px;
    text-align: right;
    font-weight: 500;
}
.reply-triangle{
	float: right;
	margin-right: 8px;
	margin-top: 15px;
	height:0;
	width:0;
	right:-23px;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	border-color:transparent #9EEA6A transparent transparent;
	border-style:solid solid dashed dashed;
	transform:rotate(80deg);
	border-width:12px 12px 0 0 ;
}	
.reply-text{
	float: right;
	margin-right: -4px;
	margin-top: 10px;
	max-width: 80%;
	background-color: #9EEA6A;
}	
.reply-text p{
    float: right;
    margin: 10px 12px 10px 12px;
    font-size: 12px;
    color: #333;
    line-height: 19px;
    word-break: break-all;
}
.reply-text pre{
    float: right;
    margin: 10px 12px 10px 12px;
    font-size: 12px;
    color: #333;
    line-height: 20px;
    word-break: break-all;
    border: 0;
    background-color: #9EEA6A;
    white-space: pre-wrap;
    overflow: hidden;
    outline: none;
    padding: 0;
    font-family: "微软雅黑";
}
.reply-text p img{
	width: 100px;
	height: 100px;
}
.clear{
	clear: both;
}
.chat-tool{
	width: 410px;
	height:40px;
	z-index:24647;
	background-color: #FFFFFF;
	border-top:1.5px solid #F5F5F5;
}
.text-tool{
	width: 96%;
	height: 20%;
	z-index: 10000;
	margin-left: 16px;
}
.tool-border{
	width:15%;
	height:100%;
	float: left;
	margin-top: 8px;
}
.tool-border img{
    width: 16px;
    height: 16px;
    margin-right: 5px;
}
.tool-border .tool-input{
	width: 14%;
	height:3%;
	position: absolute;
	opacity: 0;
	cursor: pointer;
	z-index: 10000;
}
.tool-border .tool-text{
	height:100%;
	font-size: 13px;
	line-height:20px;
	text-align: center;
	color:#B6B6B6;
	letter-spacing: 1px;
	background: #ffffff;
	cursor: pointer;
}
.refresh{
	float:right;
	margin-right: 10px;
}
.chat-bottom{
	width: 410px;
	height:160px;
	z-index:214647;
	background-color: #FFFFFF;
	border-radius:0px 0px 10px 10px;
}
.text-box{
	width: 100%;
	height: 68%;
}
.not-send{
	color: red;
    font-size: 18px;
    float: right;
    margin-top: 20px;
    margin-right: 5px;
    /*cursor: pointer;*/
}
@keyframes rotate{
	0%{
		transform: rotate(0);
	  }
	100%{
		transform:rotate(360deg);
	}
}
.rotate{
    transition: 0.5s;
    animation: rotate 2s linear infinite;  /*开始动画后无限循环，用来控制rotate*/
}
.waiting{
	font-size: 18px;
    float: right;
    margin-top: 20px;
	margin-right: 5px;
	cursor: pointer;
	width: 20px;
	height: 20px;
}
.text-box pre{
	margin: 0px 12px;
	width: 92%;
	height: 100%;
	max-width: 94%;
	border:0px solid #F5F5F5;
	background-color: #FFFFFF;
	outline: none;
	white-space: pre-wrap;
	word-wrap: break-word;
}
.text-box pre::-webkit-scrollbar {
	/*滚动条整体样式*/
	width: 8px;
	/*高宽分别对应横竖滚动条的尺寸*/
	height: 1px;
}
.text-box pre::-webkit-scrollbar-thumb {
	/*滚动条里面小方块*/
	border-radius: 10px;
	background: #DEDEDE;
}
.text-box pre::-webkit-scrollbar-track {
	/*滚动条里面轨道*/
	background: #FFFFFF;
}
.text-box pre img{
	width: 100px;
	height: 100px;
}
.chat-bottom .text-button{
	margin: 5px 20px 0px -12px;
	width: 98%;
	height: 25%;
}
.chat-bottom .text-button .button-size{
    float: right;
    margin: 3px 10px 2px 0px;
}
.chat-bottom .btn-group .button-send{
    margin: 3px 0px 2px 0px;
}
.chat-bottom .btn-group .button-select{
	padding: 4px;
	margin: 2px 0px 2px 0px;
	height: 30px;
}
.chat-bottom .btn-group i{
	margin: 0px 10px 0px 0px;
}
.chat-name{
	float: left;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    margin-left: 175px;
    margin-top: 19px;
}
.chat-history{
	text-align: center;
	font-weight: 600;
	font-size: 14px;
	margin-left: 38px;
}
/**
* @description 工单历史列表
*/
.history-head{
	width: 410px;
	height: 60px;
	border-radius:10px 10px 0px 0px;
	z-index:99999999;
	background-color: #F9F9F9;
}
.history-head .history-back{
	width: 40px;
	height: 40px;
	margin: 10px 20px;
	border:0px solid #F5F5F5;
	background-color: #F9F9F9;
	border-radius:10px;
	outline: none;
}
.history-head .history-back:hover{
	background-color: #A5A5A5;
	color: #FFFFFF;
}
.history-head .history-back .active .focus {
	outline: none;
	border-color: transparent;
	box-shadow:none;
}
.history-content{
	margin-left: 15px;
	margin-bottom: 20px;
	width: 380px;
	height:540px;
	z-index:99999999;
	background-color: #FFFFFF;
	overflow: scroll;
	-ms-overflow-style: none;
	-ms-content-zooming: zoom;
	/* border:2px solid #000000; */
}
.history-content::-webkit-scrollbar {
	display: none;
}
/**
* @description 截图
*/#mask_bgimage {
	position:fixed;
	top:0;
	left:0;
	z-index:99999997;
	overflow:auto
}
.show {
	display:inline-block!important
}
.mask_view {
	position:fixed;
	background-color:rgb(85,85,85,.4);
	z-index:999999998;
	top:0;
	left:0;
	right:0;
	bottom:0;
	display:none
}
.mask_select_view {
	position:fixed;
	z-index:999999999;
	top:0;
	left:0;
	right:0;
	bottom:0;
	cursor:crosshair
}
.mask_select_view .select_area {
	border:2px solid red;
}
.mask_select_view .select_ban {
	background-color:#333
}
.mask_select_view .select_area,.mask_select_view .select_ban {
	display:none;
	height:0;
	width:0;
	position:fixed;
	border-radius:2px;
	z-index:9999;
	cursor:default
}
.mask_select_view .select_area canvas,.mask_select_view .select_ban canvas {
	position:absolute
}
.mask_select_view .select_area:hover {
	background-color:#b5b5b566;
	z-index:9999
}
.mask_select_view .select_ban:hover {
	background-color:#505050;
	z-index:9999
}
.mask_select_view .select_area:hover .close_area,.mask_select_view .select_ban:hover .close_area {
	display:inline-block
}
.mask_select_view .close_area {
	position:absolute;
	right:-10px;
	top:-10px;
	height:20px;
	width:20px;
	border-radius:50%;
	background-color:#fcfcfc;
	cursor:pointer;
	display:none;
	transition:all 1s
}
.mask_select_view .close_area::after {
	transform:rotate(45deg)
}
.mask_select_view .close_area::before {
	transform:rotate(-45deg)
}
.mask_select_view .close_area::after,.mask_select_view .close_area::before {
	content:'';
	display:inline-block;
	height:2px;
	width:14px;
	background-color:#808080;
	position:absolute;
	margin-left:-7px;
	margin-top:-1px;
	left:50%;
	top:50%
}
.mask_select_view:active,.mask_select_view:focus {
	cursor:crosshair
}
.toolbar {
	position:fixed;
	height:45px;
	z-index:999999999;
	background-color:#fff;
	border-radius:2px;
	font-size:0;
	display:none;
	width:195px
}
.toolbar span {
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	position:relative;
	cursor:pointer
}
.toolbar span:nth-child(1) {
	height:45px;
	width:30px;
	cursor:all-scroll
}
.toolbar span svg {
	height:45px
}
.toolbar span:nth-child(2) svg,.toolbar span:nth-child(3) svg {
	height:45px;
	position:absolute;
	left:10px;
	top:0
}
.toolbar span:nth-child(2),.toolbar span:nth-child(3) {
	width:50px;
	height:45px
}
.toolbar span:nth-child(4) {
	width:65px;
	height:45px;
	line-height:45px;
	font-size:14px;
	font-weight:500
}
.toolbar span:nth-child(2):hover,.toolbar span:nth-child(3):hover,.toolbar span:nth-child(4):hover {
	background-color:#eee
}
.toolbar span:nth-child(2).active,.toolbar span:nth-child(3).active {
	background-color:#e0e0e0
}
.toolbar span:nth-child(2) svg:nth-child(1),.toolbar span:nth-child(3) svg:nth-child(1) {
	display:inline-block
}
.toolbar span:nth-child(2).active svg,.toolbar span:nth-child(3).active svg {
	display:inline-block
}
.toolbar span:nth-child(2) svg,.toolbar span:nth-child(3) svg {
	display:none
}
/** workorder code end */


/* 
	tool.js 
	radio样式
*/

.formDadioCss {
    display: flex;
    flex-direction: row;
}

.formDadioCss>input[type=radio] {
    width: 13px;
    height: 15px;
    margin-top: 8px;
}

.formDadioCss>span {
    text-align: center;
    line-height: 30px;
    padding: 0 10px 0 5px;
}







/* 商用证书 */
.bt_business_ssl{
    padding:15px 15px;
    color: #555;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently */
}

/* 购买进度 */
.bt_progress_list{
    padding: 5px 20px;
}
.bt_progress_content{
    display: flex;
    position: relative;
}
.bt_progress_list .bt_progress_item{
    flex: 1;
    text-align: center;
}
.bt_progress_list .bt_progress_item .bt_progress_info{
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    border-radius: 50%;
    background-color: #D0D0D0;
    color: #666;
    margin: 0 auto 5px auto;
    position: relative;
    z-index: 99;
}
.bt_progress_list .bt_progress_item.active .bt_progress_info{
    background-color: #20a53a;
    color: #fff;
}
.bt_progress_list .bt_progress_item.active .bt_progress_title{
    color: #20a53a;
}
.bt_progress_list .bt_progress_item:nth-child(n+2)::after{
    content: '';
    position: absolute;
    height: 3px;
    background: #D0D0D0;
    width: 33.33%;
    left: 33%;
    top: 20px;
    margin-top: -1.5px;
    z-index: 98;
}
.bt_progress_list .bt_progress_item.active::after{
    background-color: #20a53a;
}
.bt_progress_list .bt_progress_item:nth-child(2)::after{
    left: 16.66%;
}
.bt_progress_list .bt_progress_item:nth-child(3)::after{
    left: 49.99%;
}
/* END */

 /* 选项内容 */
.bt_business_tab{
    padding: 15px 60px 0 60px;
    width: 100%;
    display: none;
}
.bt_business_tab.active{
    display: inline-block;
}
/* END */

/* 产品FORM */
.bt_business_form .business_line{
    margin-bottom: 15px;
    clear: both;
}
.bt_business_form .business_title{
    height: 40px;
    line-height: 40px;
    text-align: right;
    width: 80px;
    font-size: 13px;
    float: left;
    padding-right: 20px;
}
.bt_business_form .business_info{
    margin-left: 80px;
}
/* END */

/* 证书优势 */
.business_advantage{
    font-size: 0;
    padding-top: 8px;
}
.business_advantage .business_advantage_item{
    display: inline-block;
    width: 25%;
    max-width: 75%;
    height: 24px;
    line-height: 24px;
    margin-bottom: 5px;
}
.business_advantage .business_advantage_item:nth-child(n+5){
    margin-bottom: 0;
}
.business_advantage .business_advantage_item span{
    vertical-align: middle;
}
.business_advantage .business_advantage_item .advantage_icon{
    color: #ff8d00;
    font-size: 16px;
    margin-right: 5px;
}
.business_advantage .business_advantage_item .advantage_title{
    font-size: 13px;
}
/* END */

/* 证书分类 */
.business_type{
    display: flex;
}
.business_type .ssl_type_item{
    flex: 1;
    border: 1px solid #ececec;
    text-align: center;
    margin-left: -1px;
    cursor: pointer;
    position: relative;
    padding: 1px;
    position: relative;
    transition: border-color 500ms;
}
.business_type .ssl_type_item:hover{
    border: 1px solid #20a53a;
    z-index:99;
}
.business_type .ssl_type_item.active{
    border: 2px solid #20a53a;
    z-index:99;
    padding: 0;
    transition:border-color 500ms;
}
.business_type .ssl_type_item.active::after,
.business_class_item.active::after{
    content: '';
    display: inline-block;
    width:0;
    height:0;
	border-left:25px solid transparent;
	border-bottom:25px solid #20a53a;
    position: absolute;
    right: -2px;
    bottom: -2px;
}
.business_type .ssl_type_item.active::before,
.business_class_item.active::before{
    content: '';
    display: inline-block;
    width: 12px;
    height: 6px;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    position: absolute;
    right: 0px;
    bottom: 5px;
    z-index: 1;
    transform: rotate(-45deg);
}
.business_type .ssl_type_item .ssl_type_title{
    height: 38px;
    line-height: 38px;
    margin: 0 10px;
    border-bottom: 1px solid #ECECEC;
    font-size: 13px;
    font-weight: 600;
}
.business_type .ssl_type_item .ssl_type_ps{
    padding: 10px 10px;
    color: #888888;
}

/* END */


/* 证书类型 */
.business_class_list{
    position: relative;
    height: 165px;
}
.business_class_loading{
    background-image: url('/static/layer/skin/default/loading-2.gif');
    height: 32px;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -100px;
    margin-top: -16px;
    padding-left: 40px;
    font-size: 14px;
    line-height: 32px;
}
.business_class_item{
    height: 42px;
    line-height: 38px;
    border: 1px solid #ECECEC;
    padding: 1px;
    cursor: pointer;
    transition: border-color 500ms;
    position: relative;
}
.business_class_item:hover{
    border: 1px solid #20a53a;
    z-index: 99;
}
.business_class_item.active{
    border: 2px solid #20a53a;
    padding: 0;
    line-height: 38px;
    z-index: 99;
}
.business_class_item:nth-child(n+2){
    margin-top: -1px;
}

.business_class_item .business_class_title,
.business_class_item .business_class_original,
.business_class_item .business_class_price{
    display: inline-block;
    font-size: 13px;
}
.business_class_item .business_class_title{
    width: 270px;
    padding-left: 15px;
}
.business_class_item .business_class_original,
.business_class_item .business_class_price{
    width: 100px;
    text-align: right;
}
.business_class_item .business_class_original{
    text-decoration: line-through;
    color: #CDCDCD;
}
.business_class_item .business_class_price{
    color:#F0AD4E;
}


/* 域名数量 */
.domain_number_group{
    padding-top: 3px;
    display: inline-block;
}
.domain_number_input{
    border: 1px solid #d6d6d6;
    width: 50px;
    height: 35px;
    vertical-align: middle;
    text-align: center;
    margin: 0 2px;
}
.domain_number_input:focus,
.domain_number_input:active{
    outline: none;
}
.domain_number_input:hover,
.domain_number_input:focus{
    border: 1px solid #20a53a;
}
.domain_number_input::-webkit-outer-spin-button,
.domain_number_input::-webkit-inner-spin-button { -webkit-appearance: none; }
.domain_number_input[type="number"]{ -moz-appearance: textfield; }

.domain_number_reduce,
.domain_number_add{
    height: 35px;
    width: 35px;
    border:1px solid #ececec;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
}
.domain_number_reduce::before,
.domain_number_add::before{
    content:'';
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -7px;
    margin-top: -1px;
    height: 2px;
    width: 14px;
    background-color:#555;
}
.domain_number_add::after{
    content:'';
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    height: 14px;
    width: 2px;
    margin-top: -7px;
    margin-left: -1px;
    background-color:#555;
}

.domain_number_add.is_disable::after,
.domain_number_add.is_disable::before,
.domain_number_reduce.is_disable::before{
    background-color:#ccc;
}
.domain_number_add.is_disable:hover,
.domain_number_reduce.is_disable:hover{
    cursor: no-drop;
    background-color: #fff;
    border-color: #ececec;
}
.domain_number_add.is_disable:hover::after,
.domain_number_add.is_disable:hover::before,
.domain_number_reduce.is_disable:hover::before{
    background-color: #ccc;
}
.domain_number_reduce:hover,
.domain_number_add:hover{
    background-color: #20a53a;
    color: #fff;
    border: 1px solid #20a53a;
}
.domain_number_reduce:hover::before,
.domain_number_add:hover::before,
.domain_number_add:hover::after{
    background-color:#fff;
}
.domain_number_tips{
    display: inline-block;
    margin-left: 15px;
    color: #888888;
}

.domain_number_tips span{
    color: #F0AD4E;
    /* display: inline-block; */
}



/* 人工服务 */
.business_artificial{
    padding-top: 10px;
}
.business_artificial_checkbox{
    width: 18px;
    height:18px;
    line-height: 18px;
    border: 1px solid #BBBBBB;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    transition: all 500ms;
}
.business_artificial_checkbox.active{
    background-color: #20a53a;
    border: 1px solid #20a53a;
}
.business_artificial_checkbox.active::after{
    content: '';
    display: inline-block;
    width: 14px;
    height: 6px;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    position: absolute;
    left: 1px;
    top: 3.5px;
    z-index: 1;
    transform: rotate(-45deg);
}
.business_artificial_label{
    display: inline-block;
    height: 18px;
    line-height: 18px;
    vertical-align: middle;
    font-size: 13px;
    padding-left: 8px;
    cursor: pointer;
}
.business_artificial_label span{
    color: #FF7301;
}
/* END */

/* 总计费用 */
.business_price_info{
    display: inline-block;
}
.business_price_large{
    font-size: 25px;
    color: #FF7301;
    font-weight: 600;
}
.business_price_small{
    font-size: 13px;
    color: #FF7301;
    margin-left: 2px;
}
.business_original_price{
    margin-left: 25px;
    text-decoration: line-through;
    color: #CDCDCD;
}
/* END */

.business_pay{
    border: 1px solid #20a53a;
    padding: 9px 28px;
    font-size: 14px;
    background: #20a53a;
    color: #fff;
    border-radius: 2px;
}
.business_pay:hover{
    background-color: #10952a;
    border-color: #398439;
}
.business_pay:active,
.business_pay:focus{
    outline: none;
}

/* 微信(支付宝支付) */
.ssl_applay_info {
    padding-top: 40px;
    border-radius: 4px;
}

.ssl_applay_info .payTitle{
    margin-bottom: 15px;
    height: 50px;
    background: url() no-repeat center center;
    text-indent: -999px;
    background-size: 150px;
}

.ssl_applay_info .guide_nav{
    height: 50px;
    line-height: 50px;
    text-align: center;
    margin-bottom: 45px;
    font-size: 0;
}
.guide_nav span:nth-child(1){
    background-image: url('');
}
.guide_nav span:nth-child(1).active{
    background-image:url('');
}
.guide_nav span:nth-child(2){
    background-image:url('');
}
.guide_nav span:nth-child(2).active{
    background-image:url('');
}

.guide_nav span.active{
    background-color: #20a53a;
    color: #fff;
}
.guide_nav span {
    width: 250px;
    display: inline-block;
    font-size: 16px;
    background-color: #f3f3f3;
    cursor: pointer;
    color: #666;
    background-repeat: no-repeat;
    background-position: 65px center;
    padding-left: 25px;
}
.ssl_applay_info .paymethod {
    width: 240px;
}

.ssl_applay_info .paymethod .pay-wx {
    text-align: center;
}

.ssl_applay_info .lib-price-box .lib-price-name {
    font-size: 18px;
}

.ssl_applay_info .lib-price-box .price-txt {
    font-size: 20px;
}

.ssl_applay_info .lib-price-box .price-txt b {
    font-size: 28px;
}

.ssl_order_check .lib-price-detailed,
.ssl_applay_info .lib-price-detailed {
    margin: 0 auto;
    margin-top: 50px;
    width: 500px;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;

}

.ssl_order_check .lib-price-detailed .info,
.ssl_applay_info .lib-price-detailed .info {
    overflow: hidden;
    display: flex;
}

.ssl_order_check .lib-price-detailed .info span,
.ssl_applay_info .lib-price-detailed .info span {
    display: inline-block;
    padding: 12px 15px;
    font-weight: 500;
    color: #555;
    font-size: 14px;
}

.ssl_applay_info .lib-price-detailed .info span:nth-child(2) {
    flex: 2;
}

.ssl_order_check .order_paly_success {
    font-size: 24px;
}

.ssl_applay_info .lib-prompt span {
    background: url() no-repeat;
    display: block;
    margin: 0 auto;
    margin-top: 25px;
    padding-left: 55px;
    width: 200px;
    height: 35px;
    background-position: 25px 0px;
    background-size: 40px;
    text-align: center;
    line-height: 35px;
    font-size:16px;
}

.ssl_order_check {
    padding: 20px;
}

.ssl_order_check .order_paly_success {
    font-size: 25px;
    text-align: center;
    padding: 15px 0 0;
    color: #20a53a;
}

.lib-price-button button {
    padding: 8px 45px;
    margin: 0 15px;
}

.lib-price-button {
    margin: 25px 179px 45px;
}

.ssl_order_check .lib-price-detailed {
    margin-bottom: 40px;
    width: 520px;
    font-size: 15px;
}

.ssl_order_check .lib-ssl-parsing {
    margin: 20px 0 5px 0;
}

.ssl_order_check .lib-price-button {
    margin: 0px 0 0 65px;
}

.paymethod {
    margin: 0 auto;
    width: 200px;
}
#libPay-pay .paymethod .pay-wx canvas {
  width: 160px;
  height: 160px;
}
.paymethod .pay-wx canvas {
    width: 240px;
    height: 240px;
    border: #ddd 1px solid;
    margin: 6px auto;
    padding: 5px;
    border-bottom-color: #00c800;
}

/* END */

/* 完成支付 */
.order_pay_title{
    text-align:center;
    padding-top: 100px;
    font-size: 22px;
    position: relative;
    background-image:url(/static/img/tip_suu.png);
    background-position: top center;
    background-size: 80px;
    background-repeat: no-repeat;
    width: 100%;
    margin-top: 35px;
    padding-bottom: 27px;
}
.order_pay_money{
    margin-top: 10px;
    text-align: center;
    font-size: 25px;
}
.order_pay_btn{
    text-align: center;
    text-align: center;
    display: block;
    height: 100%;
    padding: 10px;
}
.order_pay_tips{
    text-align: center;
    font-size: 13px;
    margin-bottom: 15px;
}
.order_pay_btn a{
    padding: 10px 20px;
    color:#fff;
    font-size:13px;
    border-radius:2px;
}
.order_pay_btn a:nth-child(1),
.order_pay_btn a:nth-child(2){
    border: 1px solid #20a53a;
    background-color:#20a53a;
    margin-right:20px;
}
.order_pay_btn a:nth-child(1):hover,
.order_pay_btn a:nth-child(2):hover{
    color: #fff;
    background-color: #10952a;
    border-color: #398439;
}
.order_pay_btn a[data-type="clear"]{
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
}
.order_pay_btn a[data-type="clear"]:hover{
    color: #fff;
    background-color: #10952a;
    border-color: #398439;
}
.order_pay_btn a:active,
.order_pay_btn a:focus{
    outline: none;
}
.ssl_order_check .lib-price-detailed{
    margin-bottom: 30px;
}
.ssl_order_check .help_info{
    margin-top: 25px;
    text-align: center;
    font-size: 15px;
}
/* END */


/* 证书资料页面 */
.perfect_ssl_info{
    padding: 25px 30px 45px 30px;
}

.perfect_ssl_info .ssl_title{
    font-size:14px;
    color: #20a53a;
}

.perfect_ssl_info .line .tname{
    height: 35px;
    line-height: 35px;
}
.perfect_ssl_info .info-r{
    min-height: 35px;
    line-height: 35px;
    margin-bottom: 0;
}
.perfect_ssl_info .info-r input[type="text"]{
    height: 32px;
    width: 400px;
}
.perfect_ssl_info .info-r input:active,
.perfect_ssl_info .info-r input:focus{
    outline: none;
    border-color: #20a53a;
    box-shadow: none;
}
.perfect_ssl_info label{
    margin-right: 15px;
    margin-bottom: 0;
    cursor: pointer;
}
.perfect_ssl_info label input{
    vertical-align: middle;
    margin-top: 0;
    width: 16px;
    height: 16px;
}
.perfect_ssl_info label span{
    vertical-align: middle;
    font-weight: 500;
}
.perfect_ssl_info  .next-plan{
    padding: 8px 30px;
}
.ssl_help_info{
    padding-left: 15px;
}

/* New 支付界面 */
.libPay-view .layui-layer-setwin{
    z-index:999;   
}
.libPay-menu {
    background: #F9F9F9;
    cursor: pointer;
    font-size:0;
}
.libPay-menu .libPay-menu-type.active {
    background: #fff;
    z-index:99;
}
.libPay-menu .libPay-menu-type {
    height: 75px;
    display: inline-block;
    width: 385px;
    text-align: center;
    font-size: 12px;
    position: relative;
}
.libPay-menu .libPay-menu-type:last-child{
    width: 129px;
}
.libPay-menu-type p:first-child {
    font-size: 16px;
    font-weight: bold;
    padding-top: 20px;
}
.libPay-menu-type p:last-child {
    margin-top: 7px;
    color: #A5A5A5;
}
.libPay-menu .libPay-menu-type:first-child::before,
.libPay-menu .libPay-menu-type:last-child::before{
    content: "";
    border-right:1px solid #ddd;
    height: 60%;
    position: absolute;
    right: -1px;
    top: 20%;
}
.libPay-menu .libPay-menu-type:last-child::before{
    border-left:1px solid #ddd;
    border-right: none;
    left: -1px;
}
.libPay-menu .libPay-menu-type.active:first-child::before,
.libPay-menu .libPay-menu-type.active:last-child::before{
    border:none;
}
.libPay-menu .libPay-menu-type:nth-child(1) .glyphicon{
    color: #ffa904;
}
.libPay-menu .libPay-menu-type:nth-child(2) .glyphicon{
    color: #9b7e48;
}

.libPay-line-item.proT li:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.libPay-line-item.proT li:last-child{
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
}
.libPay-line-item li.active, .libPay-line-item li.active:hover {
    border: #20a53a 2px solid;
    color: #20A53A;
    z-index: 9999;
    box-sizing: border-box;
}
.libPay-line-item.proT li.active .item-name {
    padding: 9px 29px;
}
.libPay-line-item.proT li .item-name {
    font-size: 14px;
    vertical-align: middle;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    padding-top: 5px;
    padding: 10px 30px;
}
.libPay-line-item.proS .pro-introduce{
    width: 150px;
    height: 35px;
    line-height: 35px;
    display: inline-block;
}
.libPay-line-item.proS {
    font-size: 14px;
    margin: 0 0 25px 5px;
}
.libPay-line-item.proS .glyphicon {
    color: #ff8d00;
    margin-right: 5px;
}
.libPay-content-box .libPay-layer-item{display: none;}
.libPay-content-box .libPay-layer-item.aShow{display: block;}
.libPay-content-box .libPay-layer-item .voucher-tit{
    font-size: 14px;
    margin-bottom: 10px;
}
.libPay-line-item.prokf{
    margin: 15px 0;
    color: #666;
    display: inline-block;
}
.libPay-line-item.prokf label{
    margin: 0;
}
.libPay-line-item.prokf label i{
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    background-color: #fff;
    vertical-align: top;
    border-radius: 1px;
    position: relative;
    border-radius: 2px;
    margin-right: 5px;
    cursor: pointer;
}

.libPay-line-item.prokf label i.active{
    background-color: #20a53a;
    border-color: #20a53a;
}
.libPay-line-item.prokf label i::after {
    content: '';
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    margin-left: -2.5px;
    margin-top: -6px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.libPay-line-item.prokf input{
    display: none;
}
#libPay-qcode-box {
    margin-bottom: 25px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 0;
    position: relative;
}
#pay_product_view .libVoucher-loading,
#libPay-qcode-box .libPay-loading {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    display: none;
    background: #fff;
    text-align: center;
    font-size: 12px;
    padding-top: 50px;
}
.libVoucher-loading p,
.libPay-loading p {
    margin-top: 15px;
}

#pay_product_view .libVoucher-loading {
    display: block;
    padding-top: 100px;
    top: 125px;
    height: 350px;
    z-index:99999
}
#pay_product_view {
    position: relative;
}
.libPay-qcode-left, .libPay-qcode-right {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
}
.libPay-qcode-right div{
    display: inline-block;
    vertical-align: top;

}
.libPay-qcode-left .pay-type-btn.active {
    border-right: 1px solid #fff;
    z-index: 12;
    position: relative;
}
#libPay-qcode-box .pay-radio-type {
    width: 150px;
}
#libPay-qcode-box .pay-type-label{
    height: 45px;
    line-height: 45px;
    padding-left: 15px;
    display: block;
    margin: 0;
    border-bottom: 1px solid #eee;
    cursor: pointer;
}
#libPay-qcode-box .pay-radio-ati{
    background-color:#fff;
    border:1px solid #2bc849;
    border-radius:100%;
    display:inline-block;
    height:14px;
    margin-right:8px;
    margin-top:-1px;
    vertical-align:middle;
    width:14px;
    line-height:1
}
.pay-type-btn.active .pay-radio-ati:after{
    background-color:#2bc849;
    border-radius:100%;
    content:"";
    display:inline-block;
    height:8px;
    margin:2px;
    width:8px
}
#libPay-qcode-box .pay-radio-tit{
    font-weight: 500;
}
.libPay-line-item.proP li.pay-cycle-btns.active {
    color: #333;
    border: #20a53a 2px solid;
    background: url("") no-repeat right bottom;
}
.libPay-line-item.proP li.pay-cycle-btns {
    display: inline-block;
    width: 198px;
    margin-right: 10px;
    text-align: center;
    border-radius: 4px;
    padding: 20px;
    font-style: normal;
    border: 1px solid #ddd;
    position: relative;
    cursor: pointer;
}
.libPay-line-item.proP .pay-head-price {
    padding-bottom: 5px;
    border-bottom: 1px dashed #ccc;
}
.libPay-line-item.proP .pay-foo-price {
    color: #101010;
    margin-top: 10px;
}
.libPay-line-item.proP .libPrice {
    display: inline-block;
    color: #ff7300;
    font-size: 14px;
    font-weight: bold;
}
.libPay-line-item.proP .libPrice i{
    font-size: 19px;
    font-style: normal;
    font-weight: bold;
}
.libPay-line-item.proP .pay-head-price p {
    text-decoration: line-through;
    color: #aaa;
}
.libPay-line-item.proP .pay-cycle-btns em {
    position: absolute;
    left: -5px;
    top: -15px;
    background: #ff7300;
    border-radius: 2px;
    font-size: 15px;
    color: #fff;
    transform: scale(.9, .8);
    font-style: normal;
    padding: 5px;
}
.libPay-line-item.proP .pay-cycle-btns.active em{
    left: -6px;
}
.libPay-qcode-right {
    border-left: 1px solid #eee;
    margin-left: -1px;
    padding: 20px 0 20px 35px;
    position: relative;
}
.libPay-qcode-right .pay-wx canvas {
    width: 155px;
    padding: 10px;
    border: 1px solid #eee;
}
.libPay-qcode-right .libPaycode-foo-txt {
    margin-left: 30px;
    margin-top: 35px;
}
.libPay-qcode-right .libPaycode-foo-txt p{
    font-size: 14px;
}
.libPay-qcode-right .libPaycode-foo-txt span {
    font-size: 19px;
    font-style: normal;
    font-weight: bold;
    display: inline-block;
    color: #ff7300;
    margin:10px 0;
}
.libPay-qcode-right .libPaycode-foo-txt .libPaycode-pro-cylce{
    display: block;
}
.libPay-qcode-right .libPaycode-pro-price {
    display: inline-block;
    font-size: 12px;
    text-decoration: line-through;
    color:#666
}
.libPay-footer-tips p {
    display: inline-block;
    color: #666;
    margin-right: 50px;
}
.libPay-qcode-right .payqcode-box {
    position: absolute;
    top: 85px;
    left: 100px;
    background-color: #fff;
    width: 25px;
    height: 25px;
    border-radius: 50%;
}
.libPay-qcode-right .payqcode-box span{
    position: absolute;
    top: 4px;
    left: 4px;
}
.libVoucher-type .pay-cycle-btn {
    border-radius: 5px;
    padding: 0 20px;
    margin-right: 8px;
    margin-bottom: 5px;
    line-height: 40px;
}
.libVoucher-type .pay-cycle-btn.active{
    border:#20a53a 2px solid;
}
.libPay-layer-item .libVoucher-list{
    max-height: 197px;
    min-height: 197px;
    overflow: auto;
}

/* New 支付界面 end */
body {
    background-color: #444;
    font-family: 华文黑体,"Microsoft YaHei",微软雅黑,STHei,"Helvetica Neue",Helvetica,Arial,sans-serif
}

input {
    -webkit-appearance: none
}
/* 短信验证码登录 */
.smsview .resetcode {
    background: #20a53a;
    color: #fff;
    font-size: 13px;
    padding: 0 15px;
    position: absolute;
    right: 0;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
    text-decoration: none;
    z-index: 99;
}
.smsview .fill_in_info .line .phonenum:disabled{
    background: #ededed;
    box-shadow: none;
}
.smsview .resetcode.bt-disabled{
    cursor: no-drop;
    color: #939393;
    background: #ededed;
    height: 39px;
    line-height: 39px;
    top: 2px;
    right: 1px;
}
/* 短信验证码登录 end*/


.main .login {
    background-color: #fff;
    border-radius: 4px;
    height: 290px;
    left: 50%;
    margin-left: -220px;
    margin-top: -180px;
    padding: 35px 40px 50px;
    position: absolute;
    top: 50%;
    width: 360px
}

    .main .login .rlogo {
        text-align: center;
        font-size: 26px;
        color: #444;
        cursor: pointer;
        height: 40px;
        margin-bottom: 40px;
        overflow: hidden
    }

    .main .login .title {
        color: #444;
        font-family: "微软雅黑";
        font-size: 28px;
        margin: -10px 0 46px;
        text-align: center
    }

    .main .login .line {
        height: 42px;
        margin-bottom: 20px;
        line-height: 42px;
        position: relative
    }

        .main .login .line span {
            width: 70px;
            float: left;
            color: #757584
        }

        .main .login .line .inputtxt {
            background: transparent;
            float: left;
            width: 338px;
            height: 30px;
            line-height: 30px;
            border: #d1d1d1 1px solid;
            padding: 5px 10px;
            position: relative;
            z-index: 1;
            box-shadow: 0 3px 5px -4px rgba(0,0,0,0.4) inset,-1px 0 3px -2px rgba(0,0,0,0.1) inset;
            border-radius: 3px
        }

        .main .login .line .code {
            width: 230px
        }

        .main .login .line .getcode, .main .login .line .picgetcode {
            width: 100px;
            text-align: center;
            height: 38px;
            line-height: 38px;
            border: #cacad9 1px solid;
            background-color: #dbdbea;
            color: #757584;
            font-size: 14px;
            float: left;
            margin-left: 17px;
            cursor: pointer
        }

            .main .login .line .getcode.no-drop {
                cursor: no-drop
            }

            .main .login .line .getcode.pointer {
                border: #47acff 1px solid;
                background-color: #47acff;
                color: #fff
            }

            .main .login .line .picgetcode img {
                width: 100%;
                height: 100%
            }

        .main .login .line .codemsg {
            background: #e53451;
            border-radius: 3px;
            color: #fff;
            font-size: 12px;
            height: 21px;
            line-height: 22px;
            overflow: hidden;
            padding: 0 6px;
            position: absolute;
            right: 127px;
            text-align: right;
            top: 5px;
            z-index: 0
        }

        .main .login .line .inputtxt:focus {
            border: #70c3ec 1px solid;
            box-shadow: 0 0 5px #eee
        }

    .main .login .yzm .inputtxt {
        width: 64%
    }

.login_btn input {
    width: 100%;
    height: 44px;
    background: #20a53a;
    background: linear-gradient(#20a53a,#189d32);
    box-shadow: inset 0 1px 2px #30ad42;
    color: #fff;
    text-shadow: #00851a 0 -1px 0;
    border: 1px solid #20a53a;
    text-align: center;
    font-size: 16px;
    color: #fff;
    border-radius: 3px;
    cursor: pointer
}

    .login_btn input:hover {
        background: #10952a;
        background: linear-gradient(#10952a,#088d22);
        border: 1px solid #10952a
    }

.login-link {
    text-align: right;
    margin-top: 22px
}

    .login-link span {
        color: #cacad9;
        padding: 0 8px;
        text-align: center
    }

    .login-link a {
        color: #757584
    }

.copyright {
    color: #9d9d9d;
    text-align: center;
    margin-top: -50px;
    position: relative;
    z-index: 3
}

    .copyright a {
        color: #9d9d9d;
        text-decoration: none
    }

.pwinfo {
    bottom: 19px;
    color: #999;
    position: absolute
}
.returnpw,
.phonelogin,
.resetpw {
    text-decoration: none;
    bottom: 20px;
    color: #20a53a;
    position: absolute;
    left: 40px
}
.returnpw,
.phonelogin{
    left: auto;
    right:40px;
}
.Validform_checktip {
    color: #999;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    padding: 0 6px;
    position: absolute;
    right: 10px;
    text-align: right;
    top: 14px;
    z-index: 1
}

.Validform_wrong {
    background: #e53451;
    border-radius: 3px;
    color: #fff;
    float: right
}

.Validform_right {
    padding: 0 10px;
    color: #71b83d;
    background: url(../images/right.png) no-repeat right center/16px auto
}

.main .login .line .Validform_error {
    border: #e53451 1px solid;
    box-shadow: 0 0 2px #ea5d74
}

.main .login .yzm .Validform_wrong {
    background: #e53451;
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    padding: 0 6px;
    position: absolute;
    right: 127px;
    text-align: right;
    top: 14px;
    z-index: 1
}

.main .login .yzm .Validform_right {
    color: #71b83d;
    padding: 0 10px;
    right: 130px
}

.main .login .line .inputcode {
    width: 208px
}

.zun-form {
    background: #fff none repeat scroll 0 0;
    border-radius: 5px;
    color: #888;
    font: 12px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin-left: auto;
    margin-right: auto;
    max-width: 90%;
    padding: 20px 10px;
    text-shadow: 1px 1px 1px #fff
}

.zun-form-new {
    background: #FFF;
    padding: 20px 0 0;
    font: 12px "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #888
}

    .zun-form-new .line {
        padding: 5px 20px
    }

        .zun-form-new .line:first-child {
            padding-top: 0
        }

        .zun-form-new .line:after {
            display: table;
            content: "";
            clear: both
        }

    .zun-form-new h1 {
        font: 25px "Helvetica Neue",Helvetica,Arial,sans-serif;
        padding: 0 0 10px 40px;
        display: block;
        border-bottom: 1px solid #dadada;
        margin: -10px -30px 30px -30px;
        color: #888
    }

        .zun-form-new h1 > span {
            display: block;
            font-size: 11px
        }

    .zun-form-new label {
        display: block;
        float: left;
        width: 80px
    }

    .zun-form-new .info-r {
        margin-bottom: 5px;
        margin-left: 80px;
        position: relative;
        color: #666
    }

        .zun-form-new .info-r label {
            margin-bottom: 0;
            padding-top: 5px
        }

            .zun-form-new .info-r label input {
                margin-right: 5px
            }

        .zun-form-new .info-r p {
            margin-top: 10px;
            color: #999
        }

    .zun-form-new label > span {
        float: left;
        text-align: right;
        padding-right: 10px;
        margin-top: 8px;
        color: #565656;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        font-weight: bold
    }

    .zun-form-new input[type="text"], .zun-form-new input[type="email"], .zun-form-new input[type="password"], .zun-form-new input[type="number"], .zun-form-new textarea, .zun-form-new select, .webEdit-box input, .webEdit-box textarea, .webEdit-box select {
        border: 1px solid #ccc;
        color: #888;
        height: 30px;
        line-height: 30px;
        margin-right: 6px;
        margin-top: 2px;
        outline: 0 none;
        padding-left: 5px;
        width: 100%;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
    }

        .zun-form-new input:focus, .zun-form-new input:active, .zun-form-new select:focus, .zun-form-new select:active, .dataTables_paginate select:focus, .dataTables_paginate select:active, textarea:focus, textarea:active, .webEdit-box input:focus, .webEdit-box select:focus, .webEdit-box input:active, .webEdit-box select:active, .dlt-text:focus, .sp-text:focus {
            border: #66afe9 1px solid;
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
        }

    .zun-form-new select {
        height: 32px;
        padding: 0\9;
        margin: 0\9
    }

    .zun-form-new textarea {
        height: 100px;
        padding: 5px 0 0 5px;
        width: 80%
    }

    .zun-form-new .submit-btn, .getfile-btn {
        text-align: right;
        padding: 7px 20px 10px;
        background: #f6f8f8;
        border-top: 1px solid #edf1f2;
        margin-top: 10px;
        clear: both
    }

        .zun-form-new .submit-btn button:first-child, .getfile-btn button:first-child {
            margin-right: 4px
        }

    .zun-form-new .button {
        background: #FFF;
        border: 1px solid #CCC;
        padding: 10px 25px 10px 25px;
        color: #333;
        border-radius: 0
    }

        .zun-form-new .button:hover {
            color: #333;
            background-color: #ebebeb;
            border-color: #adadad
        }

.btn {
    display: inline-block;
    padding: 5px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 3px
}

.btn-sm {
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.5;
    padding: 4px 10px
}

.btn-danger {
    background-color: #cbcbcb;
    border-color: #cbcbcb;
    color: #fff
}

    .btn-danger:focus, .btn-danger.focus {
        color: #fff;
        background-color: #c9302c;
        border-color: #761c19
    }

    .btn-danger:hover {
        color: #fff;
        background-color: #c9302c;
        border-color: #ac2925
    }

    .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
        color: #fff;
        background-color: #c9302c;
        border-color: #ac2925
    }

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c
}

    .btn-success:focus, .btn-success.focus {
        color: #fff;
        background-color: #449d44;
        border-color: #255625
    }

    .btn-success:hover {
        color: #fff;
        background-color: #449d44;
        border-color: #398439
    }

    .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
        color: #fff;
        background-color: #449d44;
        border-color: #398439
    }

@media screen and (max-width:640px) {
    body {
        background-color: #eee
    }

    .main .login .rlogo {
        background-color: rgba(0,0,0,0.8);
        color: #fff;
        font-size: 20px;
        height: 2.8em;
        line-height: 2.8em;
        margin: 0 -3.3% 25px -3.3%
    }

    .main .login {
        background-color: #eee;
        border-radius: 0;
        height: 330px;
        left: 0;
        margin-left: 0;
        margin-top: 0;
        padding: 0 3%;
        position: absolute;
        top: 0;
        width: 94%
    }

        .main .login .line .inputtxt {
            background-color: #fff;
            border: 1px solid #d1d1d1;
            width: 93.6%;
            padding: 5px 3%;
            font-size: 1.2em
        }

        .main .login .yzm .inputtxt {
            width: 57%
        }
}

.verification_view {
    padding: 30px 40px
}

    .verification_view .v_title {
        text-align: center;
        font-size: 21px;
        color: #444;
        height: 40px;
        margin-bottom: 15px;
        overflow: hidden
    }

    .verification_view .v_btn input {
        width: 100%;
        height: 40px;
        font-size: 15px;
        background: #20a53a;
        background: linear-gradient(#20a53a,#189d32);
        box-shadow: inset 0 1px 2px #30ad42;
        color: #fff;
        text-shadow: #00851a 0 -1px 0;
        border: 1px solid #20a53a;
        text-align: center;
        color: #fff;
        border-radius: 3px;
        cursor: pointer
    }

    .verification_view .v_input input {
        width: 100%;
        height: 40px;
        line-height: 30px;
        border: #d1d1d1 1px solid;
        padding: 4px 10px;
        z-index: 1;
        box-shadow: 0 3px 5px -4px rgba(0,0,0,0.4) inset,-1px 0 3px -2px rgba(0,0,0,0.1) inset;
        border-radius: 3px;
        outline: none;
        box-sizing: border-box
    }

    .verification_view .v_input {
        margin-bottom: 15px
    }

    .verification_view .v_tips {
        color: #777;
        font-size: 13px;
        margin-top: 18px
    }